/*========================================================
	Main Style CSS for All Hardwood Floors 2024
=========================================================*/
/*
Ersin: I made the following changes on 8/30/24 @ 2:00am EST:
1. fixed partners page how looks on bigger screens -
there was a empty space between boxes

2. made 2 boxes instead of 3 in 768px in partners page boxes
*/
/* fonts declaration */
@font-face {
    font-family: barlowblack;
    src: url('../fonts/Barlow-Black.ttf');
}

@font-face {
    font-family: barlowbold;
    src: url('../fonts/Barlow-Bold.ttf');
}

@font-face {
    font-family: barlowmedium;
    src: url('../fonts/Barlow-Medium.ttf');
}

@font-face {
    font-family: barlowextrabold;
    src: url('../fonts/Barlow-ExtraBold.ttf');
}

@font-face {
    font-family: barlowregular;
    src: url('../fonts/Barlow-Regular.ttf');
}

@font-face {
    font-family: inter-regular;
    src: url('../fonts/INTER-REGULAR.ttf');
}
@font-face {
    font-family: inter-semibold;
    src: url('../fonts/INTER-SEMIBOLD.ttf');
}
@font-face {
    font-family: inter-bold;
    src: url('../fonts/INTER-BOLD.ttf');
}
@font-face {
    font-family: prompt-light;
    src: url('../fonts/Prompt-ExtraLight.ttf');
}
@font-face {
    font-family: prompt-semibold;
    src: url('../fonts/Prompt-SemiBold.ttf');
}
@font-face {
    font-family: prompt-bold;
    src: url('../fonts/Prompt-Bold.ttf');
}
@font-face {
    font-family: openregular;
    src: url('../fonts/OpenSans-Regular.ttf');
}
/* colors declaration */
:root {
    --white: #fff;
    --orange: #faa41b;
    --orange-sec: #F9A41B;
    --main-bg: #E5DBCF;
    --bg: #D8CDC1;
    --grey: #544D46;
    --black: #201B17;
    --green: #006837;
    --the-grey: #B0AFAF;
    --brown: #501F14;
    --grey-border: #d9d9d9;
    --dealerbg: #f2f0f1;
    --darker-blue: #014864;
    --light-blue: #01a9ea;

}

/*========================================================
										RESET
=========================================================*/

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
abbr,
address,
em,
img,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
legend,
caption,
article,
aside,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

*:focus {
    outline: none;
}

* {
    box-sizing: border-box;
}

input[type='submit'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*========================================================
                      Main Styles
=========================================================*/
body {
    background: #fff;
    font-family: inter-regular, arial, sans-serif;
    font-weight: 400;
    color: #010100;
    font-size: 26px;
    margin: 0;
}

p {
    font-family: inter-regular, arial, sans-serif;
}

h1 {
    font-size: 25px;
}

h2 {
    color: var(--brown);
    font-family: inter-bold, arial, sans-serif;
    font-size: 50px;
    text-transform: capitalize;
}

h3 {
    font-size: 1.2em;
}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: inherit;
}

.clear {
    clear: both;
}

ol li {
    list-style-type: decimal;
    list-style-position: inside;
    text-align: left;
    padding-left: 40px;
    line-height: 1.3em;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  body {
  	font-size: 22px;
  }
  h2 {
  	font-size: 44px;
  }

}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  body {
  	font-size: 19px;
  }
  h2 {
  	font-size: 36px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  body {
  	font-size: 18px;
  }
  h2 {
  	font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  body {
  	font-size: 18px;
  }
  h2 {
  	font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  body {
  	font-size: 18px;
  }
  h2 {
  	font-size: 30px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*=======================================================
                       Main Layout
=========================================================*/
.locMob,
.phoneMob,
.telMob,
.menu ul li.mmlink,
.menu ul li.payBillMob,
.outerSticky {
    display: none;
}

.bodyFrame {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.sectionFrame {
    width: 100%;
    margin: 0 auto;
}

.topWrap {
    width: 100%;
    margin: 0 auto;
}

.top {
    background: transparent;
}

.boxes {
    display: flex;
    align-items: center;
    height: 50px;
}

.navFrame {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 3px 9px rgb(0, 0, 0, .1);
}

.companyData {
    width: 100%;
    margin: 0 auto;
    height: 90px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.menu {
    width: 100%;
}

.menu ul {
    text-align: center;
    padding: 25px 0 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.menu ul li.mlinks {
    display: inline-block;
    line-height: 18px;
    color: #000;
}

.menu ul li.mslinks,
.menu ul li.doclinks,
.menu ul li.mobh6 {
    display: none;
}

.menu ul li.mlinks a {
    display: inline-block;
    text-transform: capitalize;
    text-align: right;
    font-size: 23px;
    padding-left: 45px;
    line-height: 20px;
}

.menu ul li.mlinks:nth-last-child(5) {
    border-right: none;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .menu ul li a {
        font-size: 28px;
        line-height: 17px;
    }

    .menu ul li.mlinks {
        line-height: 13px;
    }

    .menu ul li.mlinks a {
        font-size: 19px;
        line-height: 17px;
        padding-left: 42px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .menu ul {
        padding: 15px 0 10px;
    }
    .menu ul li a {
        font-size: 16px;
        line-height: 14px;
    }

    .menu ul li.mlinks {
        line-height: 8px;
    }

    .menu ul li.mlinks a {
        font-size: 16px;
        line-height: 14px;
        padding-left: 20px;
    }
}
@media only screen and (min-width: 1421px) and (max-width: 1919px){
  .menu ul li.mlinks a {
      padding-left: 27px;
  }
}

/*========================================================
	NAVIGATION
=========================================================*/
.menu ul li.mlogo,
.menu ul li.mphone,
.menu ul li.maddress,
.menu ul li.msocial,
.menu ul li.mobSocial,
.menu ul li.mhours,
.menu ul li.fall,
.smobitrigger,
.mnuclose,
.icoMob,
.logoMob,
.telMob,
.locMob,
.mloc,
.mbtn,
.btnBannMob,
.banerIndexMob,
.leafMob,
.foomapMob,
.tabletView,
.frameImgMob,
.adrMobile,
.ourTeamDoctorsMob {
    display: none;
}

/*========================================================
	CONTENT
=========================================================*/
.pageFull {
    width: 100%;
    margin: 0 auto;
}

.pageSize {
    width: 88%;
    margin: 0 auto;
}

.pageInSize {
    width: 100%;
    margin: 0 auto;
}

.pageiSize {
    width: 93%;
    max-width: 1412px;
    margin: 0 auto;
}

.centerSize {
    width: 93%;
    max-width: 1412px;
    margin: 0 auto;
}
.pageHardw {
    width: 1600px;
    margin: 0 auto;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .pageSize {
        width: 90%;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .pageHardw {
        max-width: 1170px;
    }
    .pageSize {
        width: 90%;
    }
}
@media only screen and (max-width: 1300px) {
    .pageSize {
        width: 90%;
    }
}
@media only screen and (max-width: 1300px) {
    .pageHardw {
        max-width: 90%;
    }
}
@media only screen and (max-width: 767px) {
    .pageSize {
        width: 90%;
    }
}

@media only screen and (max-width: 479px) {
    .pageInSize {
        width: 100%;
    }
}

/*========================================================
									Buttons
=========================================================*/
.bannerBtn {
    display: inline-block;
    color: var(--black);
    text-align: center;
    padding: 24px 50px;
    font-size: 32px;
    line-height: 1;
    font-family: inter-semibold, arial, sans-serif;
    text-transform: capitalize;
    background: var(--orange);
    cursor: pointer;
    border-radius: 45px;
    transition: all .3s ease-in-out;
}
.payMyBtn {
    display: inline-block;
    color: var(--black);
    text-align: center;
    padding: 24px 50px;
    font-size: 26px;
    line-height: 1;
    font-family: inter-semibold, arial, sans-serif;
    text-transform: capitalize;
    background: var(--orange);
    cursor: pointer;
    border: none;
    border-radius: 45px;
    transition: all .3s ease-in-out;
}
.payMyBtnTop{
  padding: 6px 20px;
  font-size: 22px;
}
.whtBtn {
  background: var(--white);
  border: 2px solid var(--brown);
    display: inline-block;
    color: var(--brown);
    text-align: center;
    padding: 24px 50px;
    font-size: 32px;
    line-height: 1;
    font-family: inter-semibold, arial, sans-serif;
    text-transform: capitalize;
    cursor: pointer;
    border-radius: 45px;
    transition: all .3s ease-in-out;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .bannerBtn {
        font-size: 28px;
        padding: 24px 42px;
    }
    .payMyBtn {
        font-size: 22px;
        padding: 24px 42px;
    }
    .payMyBtnTop{
      padding: 8px 20px;
      font-size: 20px;
    }
    .whtBtn {
        font-size: 30px;
        padding: 24px 42px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .bannerBtn {
        font-size: 21px;
        padding: 20px 42px;
    }
    .payMyBtn {
        font-size: 19px;
        padding: 20px 42px;
    }
    .payMyBtnTop{
      padding: 6px 17px;
      font-size: 17px;
    }
    .whtBtn {
        font-size: 21px;
        padding: 20px 42px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .bannerBtn {
        font-size: 18px;
        padding: 20px 42px;
    }
    .payMyBtn {
        font-size: 18px;
        padding: 20px 42px;
    }
    .whtBtn {
        font-size: 18px;
        padding: 20px 42px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .bannerBtn {
        font-size: 18px;
        padding: 20px 25px;
    }
    .payMyBtn {
        font-size: 18px;
        padding: 20px 25px;
    }
    .whtBtn {
        font-size: 18px;
        padding: 20px 25px;
    }
}

@media only screen and (max-width: 767px) {
    .bannerBtn {
        font-size: 18px;
        padding: 20px 42px;
    }
    .payMyBtn {
        font-size: 18px;
        padding: 20px 42px;
    }
    .whtBtn {
        font-size: 18px;
        padding: 20px 42px;
    }

}

/*========================================================
                      Navbar
=========================================================*/
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 125px;
    padding: 10px 0;
}
.companyLogo{
  width: 15%;
}
.companyLogo img {
    width: 180px;
}

.navigation {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 80%;
}
.topRow{
  display: flex;
  justify-content: flex-end;
  border-bottom: 1px solid var(--the-grey);
  width: 100%;
  padding: 0 0 10px;
}
.addrTop{
  margin-right: 57px;
  background-image: url('../images/index/location-icon.png');
}
.phoneTopNew{
  font-weight: 700;
  margin-right: 57px;
  background-image: url('../images/index/phone.png');
}
.hoursTopReal{
  margin-right: 57px;
  background-image: url('../images/index/hours.png');
}
.addrTop,
.phoneTopNew,
.hoursTopReal{
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px 23px;
  color: var(--brown);
  font-size: 22px;
  line-height: 1.4;
  padding-left: 35px;
}
.hoursTopReal p a{
  vertical-align: sub;
}
.phoneTop a{
  color: var(--brown);
  font-size: 23px;
  font-weight: 700;
}
.addrTop p,
.phoneTopNew p {
    font-size: 26px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .companyLogo {
        width: 220px;
    }
    .navigation {
    	width: 84%;
    }
    .addrTop,
    .phoneTopNew,
    .hoursTopReal {
    	background-size: 22px 21px;
    	font-size: 20px;
    }
    .phoneTop a{
      font-size: 21px;
    }
    .addrTop p, .phoneTopNew p {
        font-size: 24px;
    }
    .addrTop,
    .phoneTopNew,
    .hoursTopReal{
      margin-right: 30px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .navbar {
        height: 100px;
    }
    .companyLogo img {
        width: 145px;
    }
    .navigation {
    	width: 85%;
    }
    .topRow {
    	padding: 0 0 6px;
    }
    .addrTop,
    .phoneTopNew,
    .hoursTopReal {
    	background-size: 19px 18px;
    	font-size: 17px;
      padding-top: 4px;
      padding-left: 28px;
    }
    .hoursTopReal p a{
      vertical-align: super;
    }
    .phoneTop a{
      font-size: 20px;
      vertical-align: sub;
    }
    .addrTop p, .phoneTopNew p {
        font-size: 17px;
    }
    .addrTop,
    .phoneTopNew,
    .hoursTopReal{
      margin-right: 30px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1420px){
  .addrTop,
  .phoneTopNew,
  .hoursTopReal{
    margin-right: 10px;
  }
  .menu ul li.mlinks a {
  	padding-left: 18px;
  }
}
@media only screen and (max-width: 1300px) {
    .navbar {
        height: 80px;
    }
    .topRow{
      display: none;
    }
    .bottomRow{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .telMob{
      margin-right: 30px;
    }
}

@media only screen and (max-width: 767px) {}

@media only screen and (max-width: 479px) {
    .companyLogo {
        width: 100px;
    }
}


/*========================================================
    Banner Index
=========================================================*/
.hardBanWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.hardBanLeft,
.hardBanRight{
  width: 50%;
}
.hardBanLeft {
  background: var(--brown);
  padding: 240px 180px 240px 160px;
}
.hardBanLeft ul { margin-top: 20px;}
.hardBanLeft ul li {
    background: url(../images/index/list.png) no-repeat;
    background-position: left top 15px;
    background-size: 24px 24px;
    padding: 10px 0 10px 40px;
    text-transform: capitalize;
    color: var(--white);
    font-size: 28px;
}
.hardBanRight{
  background: url('../images/index/top-banner.webp') no-repeat;
  background-size: cover;
  background-position: center;
}
.hardwoodBanner{
  background: url('../images/hardwood/hardwood-page-top-banner.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
.carpetBanner{
  background: url('../images/carpet/carpet-page-banner.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
.servicesBanner{
  background: url('../images/services/services-page-top.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
.vinylBanner{
  background: url('../images/vinyl/luxury-vinyl-page-top-banner.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
.valueBanner{
  background: url('../images/value/the-value-of-hardwood-banner.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
/*** begin hardwood page ***/
.hardBanLeft h1 {
  color: var(--white);
  font-family: prompt-bold, arial, sans-serif;
  font-size: 80px;
  line-height: 1.2;
  text-transform: uppercase;
}
.hardwBanMobile {
    display: none;
}
.hardwoodBanbg {
    background: url('../images/hardwood/harwoodmainbg.jpg') no-repeat;
  background-size: cover;
  background-position: center;
    padding: 180px 0;
}
.vinylBanbg{
  background: url('../images/vinyl/luxury-vinyl-banner.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
.carpetBanbg{
  background: url('../images/carpet/carpet-collection-banner.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
.servicesBanbg{
  background: url('../images/services/flooring-services.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
.stainColorsBanbg{
  background: url('../images/stain-colors/get-an-in-home-color-test.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
.aboutBanbg{
  background: url('../images/about/all-hardwoods-and-carpet-showroom.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
.salesBanbg{
  background: url('../images/sales/sales-showroom.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
.hardwoodBanWrap {
    display: flex;
    width: 88%;
    margin: 0 auto;
}
.hardwoodBanRect {
    background: var(--brown);
    color: var(--white);
    padding: 45px 70px 70px 70px;
    max-width: 755px;
}
.hardwoodBanRect h1,
.hardwoodBanRect h2  {
  color: var(--white);
  font-family: prompt-bold, arial, sans-serif;
  font-size: 71px;
  line-height: 1.2;
  text-transform: uppercase;
}
.hardwoodBanRect h1 span,
.hardwoodBanRect h2 span {
    display: block;
}
.hardwoodBanRect ul {
    padding: 35px 0 20px;
}
.salesBanbg .hardwoodBanRect ul {
    padding: 5px 0 20px;
}
.hardwoodBanRect ul li {
    background: url(../images/icons/checkmark1.png) no-repeat;
    background-position: left top 15px;
    background-size: 24px 24px;
    padding: 10px 0 10px 40px;
    text-transform: capitalize;
    color: var(--white);
    font-size: 28px;
}
.hardwoodBanRect p{
  font-size: 28px;
  line-height: 1.4;
  margin: 35px 0 30px;
}
.salesBanbg .hardwoodBanRect p {
	margin: 0px 0 30px;
}
.hardwoodOptionsbg,
.luxuryNew {
    padding: 120px 0;
}
.luxurySize{
  width: 90%;
  margin: 0 auto;
}
.belowBanH3,
.luxuryNew h2 {
    font-family: prompt-bold, arial, sans-serif;
    font-size: 60px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    color: var(--brown);
    padding-bottom: 70px;
}
.luxuryNew h2{
  text-align: left;
}
.luxuryText p{
  line-height: 1.5;
  margin: 0 0 30px;
}
.hardwoodOptionsWrap {
    display: flex;
    justify-content: space-between;
    max-width: 1600px;
    margin: 0 auto;
}
.hardwoodOptionsBox {
    width: 31%;
    padding: 20px;
}
.hardwoodOptionsBox h4 {
    text-align: left;
    font-size: 30px;
    line-height: 1.6;
    text-transform: uppercase;
    font-family: barlowbold,arial,sans-serif;
}
.hardwoodOptionsBox ul {
    padding: 25px 0;
}
.hardwoodOptionsBox ul li {
    background: url(../images/icons/checkmark1.png) no-repeat;
    background-position: left top 15px;
    background-size: 24px 24px;
    padding: 10px 0 10px 40px;
    font-size: 28px;
}
.hardwoodOptionsBox p {
    line-height: 1.5;
    font-size: 28px;
}
.hardwoodOptionsBtnPlace {
    text-align: left;
    padding-top: 55px;
}
.hOptionsBord {
    border-left: 2px solid var(--orange);
    padding-left: 60px;
}
.hardwoodDivi {
    background: var(--orange);
    padding: 50px 0 35px;
}
.hardwDiviWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
}
.hardwDiviLeft{
  width: 38%;
}
.hardwDiviRight {
    width: 56%;
}
.hardwDiviLeft {
    transform: rotate(-2deg);
}
.hardwDiviLeft h3 {
    font-family: prompt-light, arial, sans-serif;
    color: var(--white);
    font-size: 60px;
    border-bottom: 2px solid var(--white);
    letter-spacing: 3px;
    position: relative;
    width: 540px;
}
.hardwDiviLeft p {
    font-family: prompt-bold, arial, sans-serif;
    color: var(--white);
    font-size: 60px;
    letter-spacing: 3px;
    position: absolute;
    left: 10px;
    top: 100px;
}
.hardwDiviLeft img{
  width: 95%;
}
/*
.hardwDiviLeft img {
    width: 80px;
}
*/
.hardwDiviRight{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.hardwDiviRight img{
  width: 360px;
}
.hardwDiviRight p {
  color: var(--brown);
    font-family: prompt-semibold, arial, sans-serif;
    font-size: 28px;
    text-align: left;
    padding-bottom: 45px;

}
.hardwDiviRight p:nth-child(2){
  padding-bottom: 0;
}
.hardDiviP{
  width: 52%;
}

.hardwDiviRight p span:nth-child(2){
  display: block;
}
.hardwoodLogos {
    padding: 70px 0;
}
.hardwLogosWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.hardwLogosBox {
    width: 30%;
    margin-bottom: 90px;
}
.hardwLogosBoxEmpty{
  width: 30%;
}
.hardwLogosBox {
    display: flex;
    justify-content: center;
    align-items: center;
}
.hardwLogosBox img {
    max-width: 312px;
}
.hardwoodRec {
    padding: 60px 0;
    background: var(--orange);
}
.hardwRecTit {
    font-family: prompt-semibold, arial, sans-serif;
    font-size: 46px;
    text-align: left;
    color: var(--brown);
    text-transform: capitalize;
}
.hardwRecWrap {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 120px;
}
.hardwRecBox {
    width: 31%;
    background: var(--white);
    padding: 40px;
    max-width: 460px;
}
.hardwRecBox h4 {
    font-family: prompt-bold, arial, sans-serif;
    font-size: 90px;
    color: var(--brown);
    position: relative;
}
.hardwRecBox h4::after {
    content: "";
    width: 90px;
    height: 90px;
    top: 15px;
    left: 195px;
    position: absolute;
    display: inline-block;
}
.hardwrec1 h4::after {
    background: url("../images/hardwood/recommendation-icon-1.png") no-repeat;
    background-size: 90px 90px;
}
.hardwrec2 h4::after {
    background: url("../images/hardwood/recommendation-icon-2.png") no-repeat;
    background-size: 90px 90px;
}
.hardwrec3 h4::after {
    background: url("../images/hardwood/recommendation-icon-3.png") no-repeat;
    background-size: 90px 90px;
}
.hardwRecBox p {
    text-transform: capitalize;
    line-height: 1.3;
    font-size: 28px;
    color: var(--brown);
}
.hardwRecBox p span {
    font-family: prompt-bold, arial, sans-serif;
}
.hardwRecCircleWrap {
    display: flex;
}
.hardwRecCircleLeft {
    width: 30%;
}
.hardwRecCircleLeft p {
    font-family: prompt-bold, arial, sans-serif;
    font-size: 24px;
    padding: 90px 40px 0 0;
    line-height: 1.5;
}
.hardwRecCircleRight {
    width: 70%;
}
.circleimg1 {
    display: block;
    width: 1000px;
    float: right;
}
.circleimg2 {
    display: block;
    width: 900px;
    float: right;
}
.hardwfaqbg {
    padding: 75px 0 50px;
}
.hardwunder {
    text-decoration: underline;
}
/**** end hardwood page ***/
.hardBanText{
  color: var(--white);
  margin: 40px 0 0;
}
.hardBanBtnPlace{
  margin: 40px 0 0;
}
.arrowDown{
  display: none;
}
.subpSliderbg h2 {
    text-align: center;
    padding-bottom: 50px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .hardBanLeft {
  	padding: 240px 120px 240px 100px;
  }
  .hardBanLeft h1 {
  	font-size: 62px;
  }
    .hardwoodOptionsBox ul li,
    .hardwoodOptionsBox p,
    .hardwRecBox p {
        font-size: 24px;
    }
    .circleimg2 {
        width: 800px;
    }
    .hardwoodBanWrap {
        width: 90%;
    }
    .servicesBanbg .hardwoodBanRect{
      max-width: 680px;
    }
    .hardwoodBanRect h1,
    .hardwoodBanRect h2 {
        font-size: 64px;
    }
    .hardwoodBanRect ul li {
        font-size: 24px;
        background-position: left top 13px;
        background-size: 20px 20px;
    }
    .hardwoodBanRect p{
      font-size: 24px;
    }
    .hardwoodBanbg {
        padding: 100px 0;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .hardBanLeft {
  	padding: 180px 80px 180px 80px;
  }
  .hardBanLeft h1 {
  	font-size: 42px;
  }
    .hardBanLeft ul li {
        font-size: 21px;
        background-size: 19px 19px;
        padding: 10px 0 10px 29px;
        background-position: left top 12px;
    }
    .hardwoodBanRect{
      padding: 45px 70px 50px 70px;
    }
    .hardwoodBanRect h1,
    .hardwoodBanRect h2 {
        font-size: 48px;
    }
    .hardwoodBanRect ul li {
        font-size: 19px;
        background-position: left top 13px;
        background-size: 20px 20px;
    }
    .hardwoodBanRect p{
      font-size: 19px;
    }
    .salesBanbg .hardwoodBanRect p {
    	margin: 0px 0 30px;
    }
    .servicesBanbg .hardwoodBanRect{
      max-width: 550px;
    }
    .belowBanH3,
    .luxuryNew h2 {
        font-size: 42px;
        padding-bottom: 30px;
    }
    .hardwoodOptionsbg,
    .luxuryNew {
        padding: 70px 0;
    }
    .hardwoodOptionsBox h4 {
        font-size: 22px;
    }
    .hardwoodOptionsBox ul li,
    .hardwoodOptionsBox p,
    .hardwRecBox p {
        font-size: 18px;
    }
    .hardwDiviRight img{
      width: 41%;
    }
    .hardwDiviRight p {
        font-size: 21px;
    }
    .hardwLogosBox img {
        max-width: 200px;
    }
    .hardwoodLogos {
        padding-bottom: 40px;
    }
    .hardwRecTit {
        font-size: 30px;
    }
    .hardwRecBox h4 {
        font-size: 64px;
    }
    .hardwRecBox h4::after {
        width: 64px;
        height: 64px;
        left: 155px;
    }
    .hardwrec1 h4::after,
    .hardwrec2 h4::after,
    .hardwrec3 h4::after {
        background-size: 64px 64px;
    }
    .hardwRecCircleLeft p {
        font-size: 18px;
    }
    .circleimg1 {
        width: 650px;
    }
    .circleimg2 {
        width: 600px;
    }
    .hardwoodBanWrap {
        width: 90%;
    }
    .hardwDiviWrap {
        max-width: 1170px;
        margin: 0 auto;
    }
    .hardwoodBanbg {
        padding: 80px 0;
    }
    .hardwDiviLeft p {
        top: 90px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .hardwoodBanRect h1,
    .hardwoodBanRect h2 {
        font-size: 50px;
    }
    .servicesBanbg .hardwoodBanRect{
      max-width: 550px;
    }
    .hardwoodBanRect ul li {
        font-size: 20px;
    }
    .hardwoodBanRect p{
      font-size: 20px;
    }
    .hardwoodOptionsbg,
    .luxuryNew {
        padding: 50px 0;
    }
    .belowBanH3,
    .luxuryNew h2 {
        font-size: 30px;
        padding-bottom: 50px;
    }
    .hardwoodOptionsBox h4 {
        font-size: 19px;
    }
    .hardwoodOptionsBox ul li,
    .hardwoodOptionsBox p,
    .hardwRecBox p {
        font-size: 16px;
    }
    .hardwoodOptionsBox ul li {
        background-position: left top 15px;
    background-size: 24px 24px;
    }
    .hardwOptBtn {
        font-size: 14px;
        padding: 15px 20px;
    }
    .hardwDiviRight p {
        font-size: 21px;
    }
    .hardwDiviLeft h3 {
        font-size: 48px;
        width: 450px;
        letter-spacing: 2px;
    }
    .hardwDiviLeft p {
        font-size: 48px;
        top: 80px;
    }
    .hardwDiviRight {
    	width: 60%;
    }
    .hardwDiviRight {
        padding-left: 20px;
    }
    .hardwDiviRight img{
      width: 41%;
    }
    .hardwDiviWrap {
        padding-bottom: 0;
    }
    .hardwLogosBox img {
        width: 180px;
    }
    .hardwoodLogos {
        padding: 50px 0 0;
    }
    .hardwRecTit {
        font-size: 28px;
    }
    .hardwRecBox h4 {
        font-size: 60px;
    }
    .hardwRecBox h4::after {
        width: 60px;
        height: 60px;
        left: 135px;
    }
    .hardwrec1 h4::after,
    .hardwrec2 h4::after,
    .hardwrec3 h4::after {
        background-size: 60px 60px;
    }
    .hardwRecWrap {
        margin-bottom: 70px;
    }
    .circleimg1 {
        width: 560px;
    }
    .circleimg2 {
       width: 400px;
    }
    .hardwRecCircleLeft p {
        font-size: 18px;
    }
  .hardBanLeft {
  	padding: 100px 80px 100px 55px;
  }
  .hardBanLeft h1 {
  	font-size: 32px;
  }
    .hardBanLeft ul li {
        font-size: 21px;
        background-size: 19px 19px;
        padding: 10px 0 10px 29px;
        background-position: left top 12px;
    }
    .hardwoodBanWrap {
        width: 90%;
    }
    .hardwoodBanbg {
        padding: 90px 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
     .hardwoodBanRect h1,
     .hardwoodBanRect h2 {
        font-size: 50px;
    }
    .servicesBanbg .hardwoodBanRect{
      max-width: 550px;
    }
    .hardwoodBanRect ul li {
        font-size: 20px;
    }
    .hardwoodBanRect p{
      font-size: 20px;
    }
    .belowBanH3,
    .luxuryNew h2 {
        font-size: 24px;
        padding-bottom: 50px;
    }
    .hOptionsBord {
        padding-left: 20px;
    }
    .hardwoodOptionsbg,
    .luxuryNew {
        padding: 50px 0;
    }
    .hardwoodOptionsBox h4 {
        font-size: 19px;
    }
    .hardwoodOptionsBox ul li,
    .hardwoodOptionsBox p,
    .hardwRecBox p {
        font-size: 16px;
    }
    .hardwoodOptionsBox ul li {
        background-position: left top 15px;
    background-size: 24px 24px;
    }
    .hardwOptBtn {
        font-size: 14px;
        padding: 15px 20px;
    }

    .hardwDiviLeft {
        margin-top: 35px;
    }
    .hardwDiviLeft h3 {
        font-size: 36px;
        width: 350px;
        letter-spacing: 2px;
    }
    .hardwDiviLeft p {
        font-size: 36px;
        top: 70px;
    }
    .hardwDiviRight {
    	width: 60%;
    }
    .hardwDiviRight {
        padding-left: 20px;
    }
    .hardwDiviRight img{
      width: 41%;
    }
    .hardwDiviRight p {
        font-size: 17px;
        padding-bottom: 20px;
    }
    .hardwDiviWrap {
        padding-bottom: 0;
    }
    .hardwLogosBox img {
        width: 150px;
    }
    .hardwRecBox {
        padding: 20px;
    }
    .hardwoodLogos {
        padding: 50px 0 0;
    }
    .hardwRecTit {
        font-size: 24px;
    }
    .hardwRecBox h4 {
        font-size: 50px;
    }
    .hardwRecBox h4::after {
        width: 50px;
        height: 50px;
        left: 110px;
    }
    .hardwrec1 h4::after,
    .hardwrec2 h4::after,
    .hardwrec3 h4::after {
        background-size: 50px 50px;
    }
    .hardwRecWrap {
        margin-bottom: 70px;
    }
    .circleimg1 {
        width: 480px;
    }
    .circleimg2 {
       width: 400px;
    }
    .hardwRecCircleLeft p {
        font-size: 18px;
    }
    .hardwoodRec {
        padding-bottom: 30px;
    }
  .hardBanLeft {
  	padding: 80px 45px;
  }
  .hardBanLeft h1 {
  	font-size: 24px;
  }
    .hardBanLeft ul li {
        font-size: 18px;
        background-size: 19px 19px;
        padding: 10px 0 10px 29px;
        background-position: left top 12px;
    }
    .subpSliderbg h2 {
        padding-bottom: 25px;
    }
    .hardwoodBanWrap {
        width: 90%;
    }
}
@media only screen and (max-width: 767px) {
    .hardwoodBanbg {
        background: none;
        padding: 0;
    }
    .luxurySize{
      width: 100%;
    }
    .luxuryText p:first-child{
      margin-top: 30px;
    }
    .hardwoodBanWrap {
        width: 100%;
        flex-direction: column;
    }
    .hardwoodBanWrap img {
        display: block;
        width: 100%;
    }
    .hardwoodBanRect {
        padding: 35px;
    }
     .hardwoodBanRect h1,
     .hardwoodBanRect h2 {
        font-size: 50px;
    }
    .hardwoodBanRect ul li {
        font-size: 20px;
    }
    .hardwoodBanRect p{
      font-size: 20px;
    }
    .belowBanH3,
    .luxuryNew h2 {
        font-size: 26px;
        padding-bottom: 0;
        text-align: left;
        width: 240px;
        line-height: 1.3;
    }
    .hOptionsBord {
        padding-left: 20px;
    }
    .hardwoodOptionsbg {
        padding: 35px 0 0;
    }
    .luxuryNew{
      padding: 35px 0;
    }
    .servicesNew{
      padding: 0 0 35px;
    }
    .hardwoodOptionsWrap {
        flex-direction: column;
    }
    .hardwoodOptionsBox {
        width: 100%;
        padding: 20px 0 45px;
    }
    .hardwoodOptionsBox h4 {
        font-size: 19px;
        line-height: 1.3;
    }
    .hardwoodOptionsBox ul li,
    .hardwoodOptionsBox p,
    .hardwRecBox p {
        font-size: 18px;
    }
    .hardwoodOptionsBox ul li {
        background-position: left top 10px;
    background-size: 16px 16px;
        padding-left: 26px;
    }
    .hardwoodOptionsBox ul {
        padding: 15px 0;
    }
    .hardwoodOptionsBtnPlace {
        padding-top: 25px;
    }
    .hOptionsBord {
        border-left: none;
    }
    .hardwOptBtn {
        font-size: 14px;
        padding: 15px 20px;
    }
    .hardDiviP {
    	width: 100%;
    }
    .hardwDiviRight p {
        font-size: 18px;
        padding-bottom: 30px;
    }
    .hardwDiviLeft {
        margin-top: 35px;
    }
    .hardwDiviLeft h3 {
        font-size: 36px;
        width: 340px;
    }
    .hardwDiviLeft p {
        font-size: 36px;
        top: 60px;
    }
    .hardwDiviWrap {
        padding-bottom: 0;
        flex-direction: column;
    }
    .hardwoodDivi {
        padding: 0 0 30px;
    }
    .hardwDiviLeft, .hardwDiviRight {
        width: 100%;
    }
    .hardwDiviRight {
        margin-top: 40px;
        flex-wrap: wrap-reverse;
    }
    .hardwDiviRight img{
      width: 100%;
      margin-top: 40px;
    }
    .hardwLogosBox {
        width: 48%;
        margin-bottom: 60px;
    }
    .hardwLogosBoxEmpty{
      width: 48%;
    }
    .hardwLogosBox img {
        width: 150px;
    }
    .hardwRecBox {
        padding: 20px;
        width: 100%;
        max-width: 260px;
        margin-bottom: 30px;
    }
    .hardwoodLogos {
        padding: 50px 0 0;
    }
    .hardwRecTit {
        font-size: 24px;
        max-width: 260px;
        line-height: 1.3;
    }
    .hardwRecBox h4 {
        font-size: 50px;
    }
    .hardwRecBox h4::after {
        width: 50px;
        height: 50px;
        left: 110px;
    }
    .hardwrec1 h4::after,
    .hardwrec2 h4::after,
    .hardwrec3 h4::after {
        background-size: 50px 50px;
    }
    .hardwRecWrap {
        margin-bottom: 35px;
        flex-direction: column;
    }
    .circleimg1 {
        width: 440px;
    }
    .circleimg2 {
       width: 400px;
    }
    .hardwRecCircleLeft p {
        font-size: 18px;
        padding-top: 30px;
    }
    .hardwRecCircleWrap {
        flex-direction: column;
        max-width: 432px;
    }
    .hardwRecCircleLeft,
    .hardwRecCircleRight {
        width: 100%;
    }
    .hardwoodRec {
        padding-bottom: 30px;
    }
    .hardwfaqbg {
        padding: 35px 0;
    }

  .hardBanWrap{
    flex-direction: column-reverse;
  }
  .hardBanLeft {
  	padding: 50px 30px 55px;
    width: 100%;
    text-align: center;
    position: relative;
  }
  .hardBanLeft h1 {
  	font-size: 32px;
    line-height: 1.4;
  }
    .hardBanLeft ul {
        width: 280px;
        margin: 0 auto;
    }
    .hardBanLeft ul li {
        font-size: 18px;
        background-size: 19px 19px;
        padding: 10px 0 10px 29px;
        background-position: left top 12px;
        text-align: left;
    }
    .subpSliderbg h2 {
        padding-bottom: 25px;
    }
  .hardBanRight{
    width: 100%;
    height: 300px;
  }
  .arrowDown{
    display: inline-block;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .hardBanBtnPlace {
  	margin: 30px 0 0;
  }
}
@media only screen and (max-width: 479px) {
    .hardBanLeft ul li span {
        display: block;
    }
    .hardwoodBanRect h1,
    .hardwoodBanRect h2 {
        font-size: 36px;
    }
    .hardwoodBanRect ul li {
        font-size: 18px;
        background-position: left top 10px;
        background-size: 18px 18px;
        padding-left: 30px;
    }
    .hardwDiviLeft h3 {
        font-size: 28px;
        width: 290px;
        letter-spacing: 1px;
    }
    .hardwDiviLeft p {
        font-size: 28px;
        top: 45px;
    }
    .hardwLogosBox {
        width: 90%;
    }
    .hardwLogosBoxEmpty{
      width: 90%;
    }
    .circleimg1,
    .circleimg2 {
        width: 100%;
    }
}
/*========================================================
    Banner Index New
=========================================================*/
.bannIndex{
  padding: 120px 0;
  background-image: url('../images/index/hardwood-floors-installed.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.banBrownRect{
  background: var(--brown);
  color: var(--white);
  padding: 45px 70px 70px 70px;
  max-width: 755px;
}
.banBrownRect h1{
  font-family: prompt-bold, arial, sans-serif;
  font-size: 80px;
  line-height: 1.2;
  text-transform: uppercase;
}
.banBrownRect h1 span {
    display: block;
    font-size: 45px;
    font-family: openregular, arial, sans-serif;
    letter-spacing: 3px;
    padding-bottom: 15px;
}
.banBrownBtnPlace{
  margin: 40px 0 0;
}
.bannIndexMob{
  display: none;
}

.banWrap{
  display: flex;
  justify-content: space-between;
}
.banLine{
  border-top: 3px solid #945229;
  margin: 20px 0;
}
.banRightTransp{
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.banBrownRect img{
  width: 100%;
}
.famBusin{
  color: var(--orange-sec);
  font-family: inter-bold, arial, sans-serif;
  font-size: 36px;
  font-style: italic;
  text-transform: capitalize;
  text-align: center;
  margin: 0 0 20px;
}
.banBtmRect h1{
  font-family: arial, sans-serif;
  font-size: 48px;
  text-transform: capitalize;
  text-align: center;
}
.banRightTransp{
  text-align: center;
}
.banBtnSepar{
  margin: 0 0 50px;
}
.banRightTransp p{
  font-size: 38px;
}
.banRightTransp p span{
  display: block;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .banBrownRect {
  	max-width: 620px;
  }
  .famBusin {
  	font-size: 32px;
  }
  .banBrownRect h1 {
  	font-size: 62px;
  }
    .banBrownRect h1 span {
        font-size: 36px;
    }
    .banBrownRect h1 {
    	font-size: 42px;
    }
    .banRightTransp p {
    	font-size: 30px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .bannIndex {
    padding: 90px 0;
  }
  .banBrownRect {
    max-width: 530px;
    padding: 50px 65px 60px 65px;
  }
  .famBusin {
    font-size: 28px;
  }
  .banBrownRect h1 {
    font-size: 51px;
  }
  .banBrownRect h1 span {
    font-size: 27px;
  }
  .banBrownRect h1 {
    font-size: 34px;
  }
  .banRightTransp p {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .bannIndex {
    padding: 60px 0;
  }
  .banBrownRect {
    max-width: 390px;
    padding: 45px 65px 60px 55px;
  }
  .famBusin {
    font-size: 20px;
  }
  .banBrownRect h1 {
    font-size: 35px;
  }
  .banBrownRect h1 span {
    font-size: 21px;
  }
  .banBrownBtnPlace {
    margin: 30px 0 0;
  }
  .banBtnSepar {
  	margin: 0 0 30px;
  }
  .banBrownRect h1 {
    font-size: 24px;
  }
  .banRightTransp p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .bannIndex {
  	padding: 0 0;
  }
  .bannIndex{
    background: none;
  }
  .bannIndexMob{
    display: block;
    width: 100%;
    height: auto;
  }
  .bannIndex .pageSize{
    width: 100%;
  }
  .banBrownRect {
  	width: 100%;
    max-width: 100%;
    padding: 45px 40px 60px 40px;
    text-align: center;
  }
  .banBrownRect h1 {
  	font-size: 40px;
    line-height: 1.3;
  }
    .banBrownRect h1 span {
        font-size: 19px;
        padding-bottom: 5px;
    }
  .banBrownBtnPlace {
  	margin: 30px 0 0;
  }
  .banWrap{
    flex-direction: column;
  }
  .banRightTransp{
    width: 100%;
    padding: 50px 40px 50px 40px;
    background: url('../images/index/hardwood-floors-installed.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .banBtmRect h1{
    font-size: 56px;
  }
  .banRightTransp p span{
    display: inline;
  }
  .banRightTransp p {
  	font-size: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .bannIndex {
  	padding: 0 0;
  }
  .bannIndex{
    background: none;
  }
  .bannIndexMob{
    display: block;
    width: 100%;
    height: auto;
  }
  .bannIndex .pageSize{
    width: 100%;
  }
  .banBrownRect {
  	width: 100%;
    max-width: 100%;
    padding: 45px 20px 60px 20px;
    text-align: center;
  }
  .famBusin {
    font-size: 26px;
  }
  .banBrownRect h1 {
  	font-size: 33px;
    line-height: 1.3;
  }
    .banBrownRect h1 span {
        font-size: 16px;
        padding-bottom: 5px;
    }
  .banBrownBtnPlace {
  	margin: 30px 0 0;
  }
  .banWrap{
    flex-direction: column;
  }
  .banRightTransp{
    width: 100%;
    padding: 50px 30px 50px 30px;
    background: url('../images/index/hardwood-floors-installed.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .banLine {
  	border-top: 2px solid #945229;
  }
  .banBtmRect h1{
    font-size: 28px;
  }
  .banRightTransp p span{
    display: inline;
  }
  .banRightTransp p {
  	font-size: 21px;
  }
    .brownLogoAbout {
        display: none;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
    Section under banner - Five Star Ratings index
=========================================================*/
.fiveStar{
  padding: 100px 0;
  text-align: center;
}
.fiveStar img{
  width: 608px;
}
.fiveStarBtnPlace{
  margin: 60px 0 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .fiveStar img{
    width: 508px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .fiveStar img{
    width: 508px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .fiveStar img{
    width: 408px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .fiveStar {
  	padding: 80px 0;
  }
  .fiveStar img{
    width: 408px;
  }
}
@media only screen and (max-width: 767px) {
  .fiveStar {
  	padding: 80px 0;
  }
  .fiveStar img{
    width: 90%;
  }
  .fiveStarBtnPlace {
  	margin: 40px 0 0;
  }
}

/*========================================================
    Getting Started section index
=========================================================*/
.orangeSec{
  background: var(--orange-sec);
  padding: 60px 0 40px;
  position: relative;
}
.orangeSec h2{
  text-transform: uppercase;
  margin: 0 0 50px;
}
.orangeSecWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.orangeSecLeft{
  width: 30%;
}
.orangeSecRight{
  width: 65%;
}
.orangeSecLeft p{
  font-family: arial, sans-serif;
  font-size: 30px;
  font-weight: 700;
  max-width: 60%;
  margin: 0 0 50px;
}
.andyDog{
  position: absolute;
  bottom: 0;
  left: 480px;
  width: 340px;
}
.orangeSecBtnPlace .bannerBtn{
  background: var(--brown);
  color: var(--white);
}
.orangeSecRight ul li{
  font-family: arial, sans-serif;
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 40px;
}
.orangeSecBtnPlaceMobile{
  display: none;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .orangeSecLeft p {
  	max-width: 77%;
  }
  .orangeSecRight{
    width: 60%;
  }
  .andyDog{
    left: 380px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .orangeSecLeft p,
  .orangeSecRight ul li {
  	font-size: 22px;
  }
  .orangeSecLeft p {
  	max-width: 74%;
  }
  .andyDog {
  	left: 270px;
  	width: 280px;
  }
  .orangeSecRight{
    width: 60%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .orangeSecLeft p,
  .orangeSecRight ul li {
  	font-size: 18px;
  }
  .orangeSecLeft p {
  	max-width: 87%;
  }
  .andyDog {
  	left: 250px;
  	width: 230px;
  }
  .orangeSecRight{
    width: 50%;
  }
  .orangeSecRight ul li {
  	margin: 0 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .orangeSec {
  	padding: 60px 0 300px;
  }
  .orangeSec h2{
    text-align: center;
  }
  .orangeSecWrap{
    flex-direction: column;
    align-items: center;
  }
  .orangeSecLeft,
  .orangeSecRight{
    width: 100%;
  }
  .orangeSecLeft p,
  .orangeSecRight ul li {
  	font-size: 24px;
  }
  .orangeSecLeft p{
    max-width: 100%;
  }
  .orangeSecBtnPlaceDesktop{
    display: none;
  }
  .orangeSecBtnPlaceMobile{
    display: block;
    text-align: center;
    margin: 50px 0 0;
  }
  .andyDog {
  	position: absolute;
  	bottom: 0;
  	left: 0;
    right: 0;
  	width: 240px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .orangeSec {
  	padding: 60px 0 260px;
  }
  .orangeSec h2{
    text-align: center;
  }
  .orangeSecWrap{
    flex-direction: column;
    align-items: center;
  }
  .orangeSecLeft,
  .orangeSecRight{
    width: 100%;
  }
  .orangeSecLeft p,
  .orangeSecRight ul li {
  	font-size: 18px;
  }
  .orangeSecLeft p{
    max-width: 100%;
  }
  .orangeSecBtnPlaceDesktop{
    display: none;
  }
  .orangeSecBtnPlaceMobile{
    display: block;
    text-align: center;
    margin: 50px 0 0;
  }
  .andyDog {
  	position: absolute;
  	bottom: 0;
  	left: 0;
    right: 0;
  	width: 195px;
    margin: 0 auto;
  }
}

/*========================================================
    confi section index
=========================================================*/
.confi{
  padding: 100px 0;
}
.confi h2{
  text-transform: uppercase;
  text-align: center;
}
.confiWrap{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 50px 0 0;
}
.confiBox{
  width: 30%;
  padding: 70px;
  text-align: center;
}
.confiBox p{
  font-family: arial, sans-serif;
  font-size: 30px;
  color: var(--brown);
}
.confiBox p span{
  display: block;
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 30px 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .confiBox{
    width: 33%;
    padding: 50px;
  }
  .confiBox p{
    font-size: 26px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .confiBox{
    width: 33%;
    padding: 50px;
  }
  .confiBox img{
    width: 120px;
  }
  .confiBox p{
    font-size: 19px;
  }
  .confiBox p span{
    font-size: 22px;
  }
  .confiImgLast img{
    width: 78%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .confiBox{
    width: 33%;
    padding: 50px 40px;
  }
  .confiBox img{
    width: 120px;
  }
  .confiBox p{
    font-size: 19px;
  }
  .confiBox p span{
    font-size: 22px;
  }
  .confiImgLast img{
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .confiBox{
    width: 48%;
    padding: 50px 40px;
  }
  .confiBox img{
    width: 120px;
  }
  .confiBox p{
    font-size: 19px;
  }
  .confiBox p span{
    font-size: 22px;
  }
  .confiImgLast img{
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .confi{
    padding: 60px 0;
  }
  .confiBox{
    width: 100%;
    padding: 30px 20px;
  }
  .confi h2{
    text-align: center;
  }
  .confi h2 span{
    display: block;
  }
  .confiBox img{
    width: 120px;
  }
  .confiBox p{
    font-size: 19px;
  }
  .confiBox p span{
    font-size: 22px;
  }
  .confiImgLast img{
    width: 80%;
  }
}

/*========================================================
    Section under banner - fourIcons
=========================================================*/
.fourIcons{
  padding: 100px 0 0;
}

.fourIconsWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 70%;
  margin: 0 auto;
}
.fourIconsSingle{
  text-align: center;
}
.fourIconsSingle img{
  width: 150px;
}
.fourIconsSingle p {
	color: var(--brown);
	font-family: inter-bold, arial, sans-serif;
	font-size: 32px;
	text-transform: capitalize;
	margin: 25px 0 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .fourIconsSingle img{
    width: 140px;
  }
  .fourIconsSingle p {
  	font-size: 28px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .fourIconsSingle img{
    width: 130px;
  }
  .fourIconsSingle p {
  	font-size: 21px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .fourIconsWrap{
    max-width: 80%;
  }
  .fourIconsSingle img{
    width: 100px;
  }
  .fourIconsSingle p {
  	font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .fourIconsWrap{
    max-width: 90%;
  }
  .fourIconsSingle img{
    width: 100px;
  }
  .fourIconsSingle p {
  	font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .fourIcons{
    padding: 60px 0 0;
  }
  .fourIconsWrap{
    max-width: 100%;
  }
  .fourIconsSingle{
    width: 50%;
  }
  .fourIconsSingle:nth-child(1),
  .fourIconsSingle:nth-child(2){
    margin: 0 0 40px;
  }
  .fourIconsSingle img{
    width: 110px;
  }
  .fourIconsSingle p {
  	font-size: 18px;
    margin: 15px 0 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
    Section under banner - modernSec
=========================================================*/
.modernSec{
  margin-top: 120px;
}
.firstModern{
  margin-top: 180px;
}
.modernTopWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.modernTopLeft{
  width: 29%;
  position: relative;
}
.modernTopRight{
  width: 71%;
}
.modernLeftIn{
  background: var(--orange);
  padding: 120px 70px;
  position: absolute;
  min-width: 740px;
  top: 80px;
  left: 0;
}
.bigP,
.digitP{
  font-family: prompt-semibold, arial, sans-serif;
  font-size: 100px;
}
.bigP{
  color: var(--brown);
  line-height: 1.1;
  text-transform: uppercase;
  min-height: 185px;
  margin-bottom: 170px;
}
.digitP{
  color: var(--white);
  line-height: 1;
}
.modernTopRight img{
  width: 100%;
}

/* modern bottom section */
.modernBotWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 50px 0 0;
}
.modernBotText{
  width: 35%;
}
.modernBotText h2{
  padding: 20px 0 0;
}
.modernBotText p{
  margin: 30px 0 0;
  line-height: 1.3;
}
.modernBtnPlace{
  margin: 40px 0 0;
}
.modernBtnPlaceMob{
  display: none;
}
.modernBoxes{
  width: 58%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.modernBoxesMobile{
  display: none!important;
}
.modernBox{
  width: 31%;
}
.modernBoxImg{
  width: 100%;
}
.modernBoxText{
  background: var(--white);
  border: 1px solid var(--grey-border);
  border-top: none;
  display: flex;
  justify-content: space-between;
  padding: 20px 22px 32px 28px;
  margin: -5px 0 0;
}
.modernP span{
  display: block;
  font-family: inter-semibold, arial, sans-serif;
  font-size: 32px;
  margin: 10px 0 0;
}
.modernDescr{
  font-size: 20px;
  margin: 25px 0 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .bigP,
  .digitP {
  	font-size: 72px;
  }
  .modernLeftIn {
  	padding: 100px 70px;
  	min-width: 580px;
  }
  .bigP {
  	margin-bottom: 40px;
  }
  .modernBoxes {
  	width: 60%;
  }
  .modernP span {
  	font-size: 28px;
  }
  .modernBoxSmallImg img{
    max-width: 90px;
  }
  .modernDescr {
  	font-size: 16px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .firstModern {
  	margin-top: 140px;
  }
  .bigP,
  .digitP {
  	font-size: 52px;
  }
  .modernLeftIn {
  	padding: 60px 70px;
  	min-width: 450px;
    top: 60px;
  }
  .bigP {
  	margin-bottom: 40px;
  }
  .modernBotText h2 {
  	padding: 10px 0 0;
  }
  .modernBotText p {
  	margin: 20px 0 0;
  }
  .modernBtnPlace {
  	margin: 30px 0 0;
  }
  .modernBoxes {
  	width: 62%;
  }
  .modernP span {
  	font-size: 21px;
  }
  .modernBoxSmallImg img{
    max-width: 90px;
  }
  .modernDescr {
  	font-size: 15px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .firstModern {
  	margin-top: 100px;
  }
  .bigP,
  .digitP {
  	font-size: 38px;
  }
  .modernLeftIn {
  	padding: 60px 70px;
  	min-width: 330px;
    top: 35px;
  }
  .bigP {
  	margin-bottom: 40px;
    min-height: 85px;
  }
  .modernBotText h2 {
  	padding: 10px 0 0;
  }
  .modernBotText p {
  	margin: 20px 0 0;
  }
  .modernBtnPlace {
  	margin: 30px 0 0;
  }
  .modernBoxes {
  	width: 62%;
  }
  .modernP span {
  	font-size: 19px;
  }
  .modernBoxSmallImg img{
    max-width: 60px;
  }
  .modernDescr {
  	font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .firstModern {
  	margin-top: 100px;
  }
  .bigP,
  .digitP {
  	font-size: 28px;
  }
  .modernLeftIn {
  	padding: 50px 50px;
  	min-width: 302px;
    top: 35px;
  }
  .bigP {
  	margin-bottom: 40px;
  	min-height: 32px;
  }
  .modernBotText h2 {
  	padding: 10px 0 0;
  }
  .modernBotText p {
  	margin: 20px 0 0;
  }
  .modernBtnPlace{
    display: none;
  }
  .modernBtnPlaceMob{
    display: block;
    text-align: center;
  }
  .modernBoxes {
  	width: 100%;
    margin: 60px 0;
  }
  .modernP span {
  	font-size: 19px;
  }
  .modernBoxSmallImg img{
    max-width: 60px;
  }
  .modernDescr {
  	font-size: 15px;
  }
  .modernBotText {
  	width: 100%;
  }

}
@media only screen and (max-width: 767px) {
  .firstModern {
  	margin-top: 180px;
  }
  .modernSec {
  	margin-top: 180px;
  }
  .modernSec .pageSize{
    width: 100%;
  }
  .bigP,
  .digitP {
  	font-size: 28px;
  }
  .modernLeftIn {
  	padding: 35px 50px;
  	min-width: 302px;
    top: -100px;
  }
  .bigP {
  	margin-bottom: 15px;
  	min-height: 32px;
  }
  .modernBotWrap{
    width: 90%;
    margin: 50px auto 0;
  }
  .modernBotText h2 {
  	padding: 10px 0 0;
  }
  .modernBotText p {
  	margin: 20px 0 0;
  }
  .modernBtnPlace{
    display: none;
  }
  .modernBtnPlaceMob{
    display: block;
    text-align: center;
  }
  .modernBoxes {
  	width: 100%;
    margin: 60px 0;
  }
  .modernP span {
  	font-size: 22px;
  }
  .modernBoxSmallImg img{
    max-width: 75px;
  }
  .modernDescr {
  	font-size: 16px;
  }
  .modernBotText {
  	width: 100%;
  }
  .modernTopRight{
    width: 100%;
  }
  .modernTopRight img{
  	height: 300px;
  }
  .modernBoxesDesktop{
    display: none;
  }
  .modernBoxesMobile{
    display: block!important;
  }
  .modernBox{
    width: 100%;
  }


}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}


/*========================================================
    Zigzag Section Index - valueSec
=========================================================*/
.valueSec{
  padding: 110px 0;
  background: url('../images/index/icon-bg.webp') no-repeat;
  background-position: center;
  background-size: cover;
  margin: 160px 0 0;
}
.valueWrap{
  padding: 85px 140px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.valueWrapMobile{
  display: none!important;
}
.inSize{
  width: 90%;
  margin: 0 auto;
}
.whiteBg{
  background: url('../images/index/icon-bg-2.png') no-repeat;
  background-position: center;
  background-size: cover;
  padding: 100px 0;
}
.whiteBg h2{
  text-transform: uppercase;
}
.valueBox{
  width: 21%;
  text-align: left;
}
.valueBox img{
  width: 150px;
}
.valueBox p{
  color: #413f40;
  margin: 35px 0 0;
}
.valueBox p span{
  color: #413f40;
  display: block;
  font-family: inter-bold, arial, sans-serif;
  font-size: 32px;
  text-transform: uppercase;
  margin: 0 0 25px;
  min-height: 75px;
}
.servicesValue .valueBox p{
  min-height: 348px;
}
.valueBtnPlace{
  margin: 40px 0 0;
  text-align: center;
}
.newSubValue{
  background: url('../images/carpet/carpet-types-section.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0;
}
.newSubValue.servicesValue{
  background: var(--dealerbg);
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .valueBox p span {
  	font-size: 28px;
  	min-height: 68px;
  }
  .servicesValue .valueBox p{
    min-height: 309px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .valueWrap {
  	padding: 85px 80px;
  }
  .valueBox img {
  	width: 130px;
  }
  .valueBox p span {
  	font-size: 18px;
  	min-height: auto;
  }
  .servicesValue .valueBox p{
    min-height: 261px;
  }
    .valueBox {
        width: 24%;
    }
    .valueBox p {
        font-size: 19px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .valueSec {
  	padding: 60px 0;
  	margin: 80px 0 0;
  }
  .valueWrap {
  	padding: 65px 30px;
  }
  .valueBox {
  	width: 23%;
  }
  .valueBox img {
  	width: 100px;
  }
  .valueBox p {
  	margin: 20px 0 0;
      font-size: 16px;
  }
  .valueBox p span {
  	font-size: 17px;
  	min-height: auto;
    margin: 0 0 15px;
  }
  .servicesValue .valueBox p{
    min-height: 307px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .valueSec {
  	padding: 60px 0;
  	margin: 80px 0 0;
  }
  .valueWrap {
  	padding: 65px 30px;
  }
  .valueBox {
  	width: 45%;
  }
  .valueBox img {
  	width: 100px;
  }
  .valueBox p {
  	margin: 20px 0 0;
    min-height: 181px;
  }
  .valueBox p span {
  	font-size: 17px;
  	min-height: 40px;
    margin: 0 0 15px;
  }
  .servicesValue .valueBox p{
    min-height: 225px;
  }
  .valueBtnPlace{
    margin: 40px 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  .valueWrapDesktop{
    display: none;
  }
  .valueWrapMobile{
    display: block!important;
  }
  .valueSec {
  	padding: 60px 0;
  	margin: 80px 0 0;
  }
  .valueWrap {
  	padding: 45px 30px;
  }
  .valueBox img {
  	width: 100px!important;
    margin: 0 auto;
  }
  .valueBox p {
  	margin: 20px 0 0;
    min-height: 181px;
    text-align: center;
  }
  .valueBox p span {
  	font-size: 19px;
  	min-height: 40px;
    margin: 0 0 15px;
  }
  .valueBox{
    width: 100%;
  }
  .servicesValue .valueBox p{
    min-height: 225px;
  }
  .valueBtnPlace{
    margin: 40px 0;
  }
  .whiteBg h2 {
  	text-align: center;
  }
  .carpetTypesBtnPlace{
    text-align: center;
  }
}


/*========================================================
    Services page 3 boxes
=========================================================*/
.thServiSize{
  width: 1600px;
  margin: 0 auto;
}
.thServiWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.thServiBox{
  width: 30%;
  border: 1px solid #ccc;
  text-align: center;
    display: flex;
    flex-direction: column;
}
.thServiBox img{
  width: 100%;
  height: auto;
}
.thServiPadd{
  padding: 40px 50px 50px;
}
.thServiBox p span{
  color: var(--brown);
  display: block;
  font-family: inter-bold, arial, sans-serif;
  font-size: 48px;
  text-transform: capitalize;
  margin: 0 0 20px;
}
.thServiBox p{
  font-size: 28px;
  line-height: 1.4;
  padding: 40px 50px 40px;
}
.thServiBoxBtnPlace{
  margin: auto 0 50px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .thServiBox p span {
  	font-size: 44px;
  }
  .thServiBox p{
    font-size: 24px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .thServiBox p span {
  	font-size: 32px;
  }
  .thServiBox p{
    font-size: 18px;
      padding: 35px 30px 20px;
  }
    .thServiSize {
        width: 1170px;
    }
    .thServiBoxBtnPlace {
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .thServiSize{
    width: 90%;
  }
  .thServiBox p span {
  	font-size: 30px;
  }
  .thServiBox p{
    font-size: 16px;
      padding: 25px 20px 20px;
  }
    .thServiBoxBtnPlace {
        margin-bottom: 25px;
    }
  .thServiPadd {
  	padding: 30px 30px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .thServiSize{
    width: 90%;
  }
  .thServiBox{
    width: 32%;
  }
  .thServiBox:last-child{
    margin: 0 0 0;
  }
  .thServiBox p span {
  	font-size: 24px;
  }
  .thServiBox p{
    font-size: 16px;
      padding: 25px 10px 20px;
  }
    .thServiBoxBtnPlace {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 767px) {
  .thServiSize{
    width: 100%;
  }
  .thServiBox{
    width: 100%;
    margin: 0 0 35px;
    border: 0;
  }
  .thServiPadd {
  	padding: 40px 30px 50px;
  }
  .thServiBox:last-child{
    margin: 0;
  }
  .thServiBox p span {
  	font-size: 30px;
  }
  .thServiBox p{
    font-size: 18px;
      padding: 30px 20px;
  }
    .thServiBoxBtnPlace:last-child {
        margin-bottom: 0;
    }
}

/*========================================================
    Services table top
=========================================================*/
.topLine{
  border: 1px solid #ccc;
}
.tableSize{
  width: 83%;
  margin: 0 auto;
}
.tableOut h2{
  text-transform: uppercase;
  margin: 80px 0 0;
}
.tableOut h2 span{
  display: block;
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .tableSize{
    width: 90%;
  }
  .tableOut h2 {
  	margin: 60px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .tableOut h2 span{
    display: inline;
  }
  .tableOut h2 {
  	margin: 30px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .tableSize{
    width: 90%;
  }
  .tableOut h2 span{
    display: inline;
  }
  .tableOut h2 {
  	margin: 30px 0 0;
  }
}

/*========================================================
    Services page improvements section
=========================================================*/
.barGraph{
  padding: 100px 0;
}
.barGraph h2{
  text-transform: uppercase;
  margin: 80px 0 40px;
}
.barPar{
  text-transform: uppercase;
}
.barGraphDesktop {
    margin-top: 75px;
    width: 100%;
    display: block;
}
.barGraphMobile{
  display: none;
}
@media only screen and (min-width: 1301px) and (max-width: 1920px) {
    .barGraph {
        padding: 75px 0 40px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .barGraph {
        padding: 75px 0 40px;
    }
    .barGraph h2 {
        margin: 50px 0 40px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .barGraph {
        padding: 35px 0 20px;
    }
    .barGraph h2 {
        margin: 40px 0 40px;
    }
}
@media only screen and (max-width: 767px) {
    .barGraph {
        padding: 35px 0 20px;
    }
    .barGraph h2 {
        margin: 40px 0 40px;
    }
    .barGraphDesktop{
      display: none;
    }
    .barGraphMobile {
        margin-top: 35px;
        width: 100%;
        display: block;
    }
}
/*========================================================
    Stain colors page
=========================================================*/
.stainPage{
  padding: 120px 0;
}
.titleStain h1,
.titleStain h2 {
	font-family: prompt-bold, arial, sans-serif;
	font-size: 60px;
	text-transform: uppercase;
	line-height: 1;
	color: var(--brown);
}
.titleStain p{
  font-size: 30px;
  font-weight: 700;
  margin: 40px 0 0;
}
.stainBoxWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 60px 0 0;
}
.stainBox{
  width: 15%;
  margin: 0 0 50px;
}
.stainBoxEmpty{
  width: 15%;
}
.stainBox img{
  width: 100%;
}
.stainBox p{
  margin: 10px 0 0;
  text-transform: capitalize;
}
.stainLine{
  border-top: 2px solid var(--brown);
  margin: 50px 0;
}

.stainColorsBanbg .hardwoodBanRect{
  background: var(--orange-sec);
  padding: 150px 70px 150px 70px;
}
.stainColorsBanbg .hardwoodBanRect h2 {
	color: var(--brown);
}
.stainBtnPlace{
  margin: 50px 0 0;
}
.stainBtnPlace .bannerBtn{
  background: var(--brown);
  color: var(--white);
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .stainColorsBanbg .hardwoodBanRect{
    padding: 130px 70px 130px 70px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .stainPage {
      padding: 80px 0;
  }
  .titleStain h1,
  .titleStain h2 {
  	font-size: 42px;
  }
  .titleStain p{
    font-size: 19px;
    margin: 30px 0 0;
  }
  .stainColorsBanbg .hardwoodBanRect{
    padding: 120px 70px 120px 70px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .stainPage {
      padding: 60px 0;
  }
  .titleStain h1,
  .titleStain h2 {
  	font-size: 30px;
  }
  .titleStain p{
    font-size: 19px;
    margin: 30px 0 0;
  }
  .stainColorsBanbg .hardwoodBanRect{
    padding: 120px 70px 120px 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .stainPage {
      padding: 60px 0;
  }
  .titleStain h1,
  .titleStain h2 {
    font-size: 30px;
  }
  .titleStain p{
    font-size: 19px;
    margin: 30px 0 0;
  }
  .stainBox{
    width: 22%;
  }
  .stainBoxEmpty{
    width: 22%;
  }
  .stainColorsBanbg .hardwoodBanRect{
    padding: 110px 70px 110px 70px;
  }
}
@media only screen and (max-width: 767px) {
  .stainPage {
      padding: 60px 0;
  }
  .titleStain h1,
  .titleStain h2 {
  	font-size: 26px;
  }
  .titleStain p{
    font-size: 18px;
    margin: 20px 0 0;
  }
  .stainBox{
    width: 48%;
    margin: 0 0 40px;
  }
  .stainBoxEmpty{
    width: 48%;
  }
  .stainColorsBanbg .hardwoodBanRect{
    padding: 35px;
  }
  .stainColorsBanbg .hardwoodBanRect h2 {
    font-size: 34px;
  	text-align: center;
  }
  .stainBtnPlace {
  	margin: 40px 0 0;
    text-align: center;
  }
}

/*========================================================
    Stain Colors - Columns section
=========================================================*/
.stainCols{
  padding: 120px 0;
}
.stainColsSize{
  width: 66%;
  margin: 0 auto;
}
.stainColWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.stainCol{
  width: 30%;
  padding: 40px;
}
.stainCol p{
  font-size: 30px;
  line-height: 1.5;
  margin: 0 0 40px;
}
.stainCol p:last-child{
  margin: 0;
}
.stainCol p span{
  display: block;
  font-family: inter-bold, arial, sans-serif;
  font-size: 50px;
}
.stainOakBg{
  background: url('../images/stain-colors/stain-oak-bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.stainDarkBg{
  background: url('../images/stain-colors/stain-dark-bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.stainCol h3{
  color: var(--brown);
  font-family: inter-bold, arial, sans-serif;
  font-size: 60px;
  text-transform: uppercase;
  margin: 0 0 30px;
}
.stainCol.stainDarkBg h3,
.stainDarkBg p{
  color: var(--white);
}
.stainCol.stainDarkBg h3{
  max-width: 90%;
}
.inCol1{
  background: var(--brown);
  margin-bottom: 20px;
}
.inCol1 p{
  color: var(--white);
}
.inCol2{
  background: #baa5a2;
}
.inCol2 p{
  color: var(--brown);
}
.stainInCol{
  padding: 40px;
}
.stainColsInWrap{
  display: flex;
  flex-direction: column;
}
.stainWhite{
  padding: 0 40px;
}
.inCol1,
.inCol2{
  flex-grow: 1;
  flex-shrink: 1;
  height: 46vh;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .stainColsSize {
  	width: 83%;
  }
  .stainCol h3,
  .stainCol p span {
  	font-size: 58px;
  }
  .stainCol p {
  	font-size: 28px;
  }
  .inCol1,
  .inCol2{
    height: 52vh;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .stainCols{
    padding: 80px 0;
  }
  .stainColsSize {
  	width: 81%;
  }
  .stainCol h3,
  .stainCol p span {
  	font-size: 42px;
  }
  .stainCol p {
  	font-size: 19px;
  }
  .inCol1,
  .inCol2{
    height: 88vh;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .stainCols{
    padding: 60px 0;
  }
  .stainColsSize {
  	width: 90%;
  }
  .stainCol h3,
  .stainCol p span {
  	font-size: 28px;
  }
  .stainCol p {
  	font-size: 19px;
  }
  .stainWhite{
    padding: 0;
  }
  .inCol1,
  .inCol2{
    height: 64vh;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .stainCols{
    padding: 0 0;
  }
  .stainColsSize,
  .stainCol{
    width: 100%;
  }
  .stainCol h3,
  .stainCol p span {
  	font-size: 28px;
  }
  .stainCol p {
  	font-size: 19px;
  }
  .stainWhite{
    padding: 40px;
  }
  .inCol1,
  .inCol2{
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .stainCols{
    padding: 0 0;
  }
  .stainColsSize,
  .stainCol{
    width: 100%;
  }
  .stainCol,
  .stainWhite {
  	padding: 40px 20px;
  }
  .stainCol h3,
  .stainCol p span {
  	font-size: 32px;
  }
  .stainCol p {
  	font-size: 19px;
  }
  .inCol1,
  .inCol2{
    height: auto;
  }
}

/*========================================================
    Most Popular Section - popul
=========================================================*/
.popul{
  padding: 110px 0;
  background: url('../images/index/popular-bg.webp') no-repeat;
  background-position: center;
  background-size: cover;
}
.popul h2{
  text-align: center;
  margin: 0 0 80px;
}
.popul .modernBoxes{
  width: 77%;
  margin: 0 auto;
}
.popul .modernBox {
	width: 23%;
}
.populBtnsPlace{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 80px 0 0;
}
.populBtnsPlace .whtBtn{
  margin-left: 30px;
}
.populWrapMobile{
  display: none!important;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .popul .modernBoxes {
  	width: 80%;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .popul {
  	padding: 90px 0;
  }
  .popul .modernBoxes {
  	width: 100%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .popul {
  	padding: 90px 0;
  }
  .popul h2 {
  	margin: 0 0 60px;
  }
  .popul .modernBoxes {
  	width: 100%;
  }
  .popul .modernBoxText{
    min-height: 174px;
  }
  .populBtnsPlace {
  	margin: 60px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .popul {
  	padding: 90px 0;
  }
  .popul h2 {
  	margin: 0 0 60px;
  }
  .popul .modernBoxes {
  	width: 100%;
  }
  .popul .modernBox {
  	width: 48%;
  }
  .popul .modernBox:nth-child(1),
  .popul .modernBox:nth-child(2){
    margin: 0 0 30px;
  }
  .popul .modernBoxText{
    min-height: 174px;
  }
  .populBtnsPlace {
  	margin: 60px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .popul {
  	padding: 60px 0;
  }
  .popul h2 {
  	margin: 0 0 60px;
  }
  .populWrapDesktop{
    display: none;
  }
  .populWrapMobile{
    display: block!important;
  }
  .popul .modernBoxes {
  	width: 98%;
  }
  .popul .modernBox {
  	width: 100%;
  }
  .populBtnsPlace {
  	margin: 60px 0 0;
  }
  .populBtnsPlace .whtBtn {
  	margin-left: 0px;
  }
  .populBtnsPlace .whtBtn{
    margin-top: 20px;
  }
  .populBtnsPlace .whtBtn span{
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
    Get Inspired Section - getIns
=========================================================*/
.getIns{
  padding: 120px 0;
}
.getInsWrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

/* modern bottom section */
.getInsTwoBoxes{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 58%;
}
.getInsBox{
  width: 48.4%;
}
.getInsBox img{
  width: 100%;
}
.getInsBoxText{
  background: var(--white);
  border: 1px solid var(--grey-border);
  border-top: none;
  padding: 45px 50px 60px 42px;
  margin: -5px 0 0;
}
.getInsBoxText p span{
  display: block;
  font-family: inter-bold, arial, sans-serif;
  font-size: 44px;
  margin: 0 0 32px;
  text-transform: capitalize;
}
.getInsBoxText p{
  min-height: 201px;
  line-height: 1.4;
}
.getInsBtnPlace{
  margin: 65px 0 0;
}

/* orange financing box */
.oranFinanBox{
  background: var(--orange);
  padding: 55px 50px 55px 55px;
  width: 40%;
}
.oranFinanBoxWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.oranFinanBoxLeft{
  width: 57%;
}
.oranFinanBoxRight{
  width: 36%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.oranFinanBoxLeft{
  color: var(--brown);
}
.oranFinanBoxLeft h2{
  font-family: prompt-bold, arial, sans-serif;
  font-size: 80px;
  line-height: 1.1;
  text-transform: uppercase;
}
.oranUndTitleP{
  font-size: 32px;
  margin: 30px 0 0;
}

.oranPhone{
  font-family: prompt-bold, arial, sans-serif;
  font-size: 58px;
  margin: 40px 0 0;
}
.oranCallFor{
  font-size: 32px;
  text-transform: capitalize;
  margin: 10px 0 0;
}
.oranBtnPlace{
  margin: 60px 0 0;
}
.oranFinanBoxRight img{
  width: 100%;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .getInsBoxText p span {
  	font-size: 40px;
  }
  .getInsBoxText p {
  	min-height: 211px;
  }
  .oranFinanBoxLeft h2 {
  	font-size: 56px;
  }
  .oranUndTitleP {
  	font-size: 24px;
  }
  .oranPhone {
  	font-size: 43px;
  }
  .oranFinanBoxRight {
  	width: 34%;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .getIns {
  	padding: 100px 0;
  }
  .getInsBoxText {
  	padding: 35px 50px 45px 42px;
  }
  .getInsBtnPlace {
  	margin: 45px 0 0;
  }
  .getInsBoxText p span {
  	font-size: 32px;
  }
  .oranFinanBoxLeft h2 {
  	font-size: 44px;
  }
  .oranUndTitleP {
  	font-size: 18px;
  }
  .oranPhone {
  	font-size: 33px;
  }
  .oranCallFor {
  	font-size: 24px;
  }
  .oranFinanBoxRight {
  	width: 34%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .getIns {
  	padding: 80px 0;
  }
  .oranFinanBox {
  	padding: 45px 20px 45px 20px;
  }
  .getInsBoxText {
  	padding: 35px 25px 45px 25px;
  }
  .getInsBtnPlace {
  	margin: 45px 0 0;
  }
  .getInsBoxText p span {
  	font-size: 24px;
  }
  .oranFinanBoxLeft h2 {
  	font-size: 24px;
  }
  .oranUndTitleP {
  	font-size: 16px;
  }
  .oranPhone {
  	font-size: 19px;
  }
  .oranCallFor {
  	font-size: 18px;
  }
  .oranFinanBoxRight {
  	width: 26%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .getIns {
  	padding: 80px 0;
  }
  .getInsTwoBoxes{
    width: 100%;
    margin: 0 0 20px;
  }
  .oranFinanBox {
  	padding: 45px 20px 45px 20px;
    width: 48%;
  }
  .getInsBoxText {
  	padding: 35px 25px 45px 25px;
  }
  .getInsBtnPlace {
  	margin: 45px 0 0;
  }
  .getInsBoxText p {
  	min-height: 166px;
  }
  .getInsBoxText p span {
  	font-size: 24px;
  }
  .oranFinanBoxLeft h2 {
  	font-size: 24px;
  }
  .oranUndTitleP {
  	font-size: 16px;
  }
  .oranPhone {
  	font-size: 19px;
  }
  .oranCallFor {
  	font-size: 18px;
  }
  .oranFinanBoxRight {
  	width: 26%;
  }
}
@media only screen and (max-width: 767px) {
  .getIns {
  	padding: 80px 0 0;
  }
  .getIns .pageSize{
    width: 100%;
  }
  .getInsTwoBoxes{
    width: 100%;
    margin: 0 0 0;
  }
  .oranFinanBox {
  	padding: 45px 20px 45px 20px;
    width: 100%;
  }
  .getInsBoxText {
  	padding: 35px 25px 45px 25px;
    border: none;
  }
  .getInsBtnPlace {
  	margin: 45px 0 0;
    text-align: center;
  }
  .getInsBtnPlace .bannerBtn{
    width: 196px;
    padding: 20px 40px;
  }
  .getInsBox {
  	width: 100%;
  }
  .getInsBoxText p {
  	min-height: 166px;
  }
  .getInsBoxText p span {
  	font-size: 24px;
  }
  .oranFinanBoxLeft {
  	width: 60%;
  }
  .oranFinanBoxLeft h2 {
  	font-size: 34px;
  }
  .oranUndTitleP {
  	font-size: 22px;
  }
  .oranPhone {
  	font-size: 25px;
  }
  .oranCallFor {
  	font-size: 24px;
  }
  .oranFinanBoxRight {
  	width: 35%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
    Brands Section Index - brands
=========================================================*/
.brands{
  background: #f2f0f1;
  padding: 90px 0 120px;
}
.brands h2{
  text-align: center;
}
.brandsWrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 75%;
  margin: 90px auto 0;
}
.brandBox{
  width: 11%;
}
.brandBox img{
  width: 100%;
}
.brandsWrapMobile{
  display: none!important;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .brands {
  	padding: 80px 0 100px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .brands {
  	padding: 60px 0 80px;
  }
  .brandsWrap {
  	width: 100%;
  	margin: 80px auto 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .brands {
  	padding: 60px 0 80px;
  }
  .brandsWrap {
  	width: 100%;
  	margin: 80px auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .brands {
  	padding: 60px 0 80px;
  }
  .brands h2 {
  	max-width: 80%;
    margin: 0 auto;
  }
  .brandsWrap {
  	width: 100%;
  	margin: 40px auto 0;
  }
  .brandsWrapDesktop{
    display: none;
  }
  .brandsWrapMobile{
    display: block!important;
  }
  .brandBox{
    width: 60%;
    min-height: 140px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
    Brands Section Index - brands
=========================================================*/
.footer{
  background: #4f1f13;
  color: var(--white);
  padding: 75px 0;
}
.navFooter ul li.mlogo,
.navFooter ul li.mphone,
.navFooter ul li.mhours,
.navFooter ul li.maddress,
.navFooter ul li.msocial,
.navFooter ul li.mmlink,
.navFooter ul li.payBillMob {
    display: none;
}
.footerWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.fooCol1,
.fooCol3{
  width: 20%;
}
.logoFoo img{
  max-width: 330px;
}
.fooCompName .famBusin{
  font-size: 28px;
}
.fooCol2{
  width: 50%;
}
.fooCol1 p{
  margin: 10px 0 0;
  max-width: 333px;
  text-align: center;
}
.fooPayBtnPlace{
  margin: 40px 0 0;
}
.navFooter ul{
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.navFooter ul li{
  display: inline-block;
  text-transform: capitalize;
  padding: 0 20px 10px 20px;
}
.navFooter ul li input[type="submit"]{
  border: 0;
  background: var(--orange);
}
.fooSocWrap{
  display: flex;
  justify-content: center;
  margin: 35px 0 45px;
}
.fooSocWrap img{
  margin: 0 10px;
}
.footerInfoWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 80%;
  margin: 0 auto;
}
.footerInfoCol{
  width: 48%;
  text-align: center;
}
.fooAddr p,
.fooHours p{
  font-size: 22px;
}
.fooAddr p span{
  display: block;
}
.fooPhone p{
  font-family: inter-semibold, arial, sans-serif;
}
.fooAddr{
  margin: 0 0 20px;
}
.fooPhone{
  margin: 5px 0 0;
}
.fooCol3 p{
  line-height: 1.4;
}
.copy{
  background: #4f1f13;
  color: #a9a9a9;
  font-size: 18px;
  text-align: center;
  padding: 0 0 35px;
}
.copyLine{
  border-top: 1px solid var(--orange);
  padding-bottom: 35px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .navFooter ul li {
  	padding: 0 18px 10px 18px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .logoFoo img{
    width: 280px;
  }
  .fooCompName .famBusin{
    font-size: 22px;
  }
  .navFooter ul li {
  	padding: 0 11px 10px 11px;
  }
  .fooAddr p {
    font-size: 18px;
  }
    .fooHours p {
        font-size: 16px;
    }
    .footerInfoCol {
        width: 49%;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .footerWrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .fooCol1,
  .fooCol2,
  .fooCol3{
    width: 100%;
  }
  .fooCol1,
  .fooCol3,
  .fooCol1 p{
    text-align: center;
  }
  .fooCol1,
  .fooCol2{
    margin: 0 0 50px;
  }
  .fooCol1 p{
    max-width: 100%;
  }
  .logoFoo img{
    width: 200px;
  }
  .fooCompName .famBusin{
    font-size: 19px;
  }
  .navFooter ul li {
  	padding: 0 11px 10px 11px;
  }
  .footerInfoWrap {
  	width: 60%;
  }
  .fooAddr p,
  .fooHours p {
  	font-size: 17px;
  }
  .fooCol3 p{
    max-width: 60%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footerWrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .fooCol1,
  .fooCol2,
  .fooCol3{
    width: 100%;
  }
  .fooCol1,
  .fooCol3,
  .fooCol1 p{
    text-align: center;
  }
  .fooCol1,
  .fooCol2{
    margin: 0 0 50px;
  }
  .fooCol1 p{
    max-width: 100%;
  }
  .logoFoo img{
    width: 200px;
  }
  .fooCompName .famBusin{
    font-size: 19px;
  }
  .navFooter ul li {
  	padding: 0 11px 10px 11px;
  }
  .footerInfoWrap {
  	width: 75%;
  }
  .fooAddr p,
  .fooHours p {
  	font-size: 17px;
  }
  .fooCol3 p{
    max-width: 60%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .footerWrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .fooCol1,
  .fooCol2,
  .fooCol3{
    width: 100%;
  }
  .fooCol1,
  .fooCol3,
  .fooCol1 p{
    text-align: center;
  }
  .fooCol1,
  .fooCol2{
    margin: 0 0 50px;
  }
  .fooSocWrap img{
    width: 45px;
  }
  .fooCol1 p{
    max-width: 100%;
  }
  .logoFoo img{
    width: 260px;
  }
  .fooCompName .famBusin{
    font-size: 20px;
  }
  .navFooter ul li {
    display: block;
  	padding: 0 11px 18px 11px;
  }
  .footerInfoWrap {
  	width: 75%;
  }
  .footerInfoCol {
  	width: 100%;
  }
  .footerInfoCol:nth-child(1) {
    margin: 0 0 40px;
    padding: 0 0 40px;
    border-bottom: 1px solid #a9a9a9;
  }
  .fooAddr p,
  .fooHours p {
  	font-size: 17px;
    line-height: 1.4;
  }
  .fooPhone p{
    font-size: 20px;
  }
  .fooCol3 p{
    max-width: 83%;
    margin: 0 auto;
  }
  .copy p{
    font-size: 16px;
    line-height: 1.4;
  }
  .copy p span{
    display: block;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
    CONTACT page
=========================================================*/
.contTit {
    padding: 160px 0 90px;
    text-align: center
}
.contTit h1 {
    font-family: prompt-bold, arial, sans-serif;
    font-size: 60px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    color: var(--brown);
}
.contTit h1 span {
    display: block;
    font-size: 40px;
    padding-top: 10px;
}
.contTel {
    font-size: 48px;
    font-family: inter-bold, arial, sans-serif;
    color: var(--orange);
    padding: 30px 0;
}
.contAdr {
    font-family: inter-semibold, arial, sans-serif;
}
.contHours {
    padding-top: 20px;
}
.map iframe {
    width: 100%;
    height: 450px;
    display: block;
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .contTit {
        padding: 70px 0 50px;
    }
    .contTel {
        font-size: 42px;
    }
    .contTit h1 {
        font-size: 42px;
    }
    .contTit h1 span {
        font-size: 24px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .contTit {
        padding: 50px 0 35px;
    }
    .contTel {
        font-size: 42px;
    }
    .map iframe {
        height: 350px;
    }
    .contTit h1 {
        font-size: 30px;
    }
    .contTit h1 span {
        font-size: 18px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .contTit {
        padding: 50px 0 35px;
    }
    .contTel {
        font-size: 42px;
    }
    .map iframe {
        height: 350px;
    }
    .contTit h1 {
        font-size: 36px;
    }
    .contTit h1 span {
        font-size: 21px;
    }
}
@media only screen and (max-width: 767px) {
    .contTit {
        padding: 50px 0 35px;
    }
    .contTit h1 {
        font-size: 30px;
    }
    .contTit h1 span {
        font-size: 21px;
    }
    .contTel {
        font-size: 32px;
    }
    .map iframe {
        height: 300px;
    }
}
@media only screen and (max-width: 479px) {
    .contAdr span {
        display: block;
    }
}

/*========================================================
	Locations page
=========================================================*/
.locationsPage{
  padding: 60px 0;
}
.clocWrap {
    max-width: 1284px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.clocWrap h2{
  font-size: 30px;
  text-align: center;
}
.cloc {
  display: flex;
  width: 49%;
  padding: 5px 20px;
  background: #fbfbfb;
  margin: 0 3px 30px 3px;
  border: 1px solid #f1f1f1;
  border-radius: 7px;
  flex-direction: column;
  justify-content: space-between;

}
.infoAdress,
.contTel,
.contAdr,
.contWHours,
.contText,
.contDirect,
.sendUsMes{
  text-align: center;
}
.contAdr{
  font-size: 26px;
  line-height: 1.2;
}
.contText{
  font-size: 26px;
}
.contText span{
  display: block;
  font-size: 16px;
  margin-bottom: 3px;
}
.contTel{
  padding: 20px 0 5px;
}

.contTel a{
  font-size: 34px;
  font-weight: bold;
}

.contAdr,
.contWHours,
.contText,
.contDirect{
  padding-bottom: 15px;
  color: #131313;
}
.contWHoursPad{
  min-height: 156px;
}
.contWHours,
.contDirect {
    font-size: 21px;
}
.contAdr span {
    display: block;
}
.contWHours span {
    display: block;
    margin-top: 5px;
}
.contDirect a{
  text-decoration: underline;
}
.locatPlaceBtnOrder{
  margin: 0 0 30px 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contGG {
	width: 65px;
	height: 65px;
	background: var(--red);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	margin-right: 10px;
}
.map{
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.map iframe{
  width: 100%;
  height: 300px;
  border: 1px solid #777;
  display: block;
}
.newContBg{
  padding: 0 0 80px;
}
.newContBg h2{
  text-align: center;
  margin: 0 0 60px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .contGG {
    width: 55px;
    height: 55px;
  }
  .newContBg{
    padding: 0 0 80px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .locationsPage {
      padding: 0 0 60px;
  }
  .contAdr{
      font-size: 24px;
  }
  .contWHours {
      font-size: 16px;

  }
  .contWHoursPad{
    min-height: 126px;
  }
  .clocWrap {
      margin: 30px auto;
  }
  .contGG {
    width: 50px;
    height: 50px;
  }
  .newContBg{
    padding: 0 0 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .locationsPage {
      padding: 0 0 60px;
  }
  .clocWrap {
      margin: 20px auto;
  }
  .contAdr,
  .contWHours {
      font-size: 22px;
  }
  .contWHoursPad{
    min-height: 162px;
  }
  .contGG {
    width: 55px;
    height: 55px;
  }
  .newContBg{
    padding: 0 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  .locationsPage {
      padding: 0 0 60px;
  }
  .firstCloc{
    margin-bottom: 60px!important;
  }
  .firstCloc .map{
    padding-bottom: 60px;
    border-bottom: 1px solid #000;
  }
  .contAdr,
  .contWHours {
      font-size: 22px;
  }
  .contWHours{
    min-height: auto;
  }
  .contGG {
  	width: 55px;
  	height: 55px;
  }
  .newContBg{
    padding: 0 0 60px;
  }
  .newContBg h2{
    margin: 0 0 40px;
  }
}
@media only screen  and (min-width: 480px) and (max-width: 767px) {
  .cloc {
      width: 100%;
  }
}
@media only screen and (max-width: 479px) {
  .cloc {
      width: 100%;
      margin-bottom: 0;
      padding: 0;
  }
}

/*========================================================
    FAQ page
=========================================================*/
.faqbg {
    padding: 160px 0 120px;
}
.faqbgSlider {
    padding: 120px 0 100px;
}
.faqpageSize{
  width: 65%;
  margin: 0 auto;
  padding: 60px 0 0;
}
.faqTit h1 {
    font-family: prompt-bold, arial, sans-serif;
    font-size: 60px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    color: var(--brown);
}
.faqTit h2,
.faqTit h4{
    font-family: inter-bold, arial, sans-serif;
    font-size: 50px;
    text-transform: capitalize;
    text-align: center;
}
.faqTit h2{
  margin: 0 0 40px;
}
.faqBox {
    width: 100%;
    padding: 30px 65px;
}
.faqBox h3 {
    font-size: 30px;
    text-transform: capitalize;
    color: var(--grey);
    padding-bottom: 5px;
    font-family: barlowbold, arial, sans-serif;
    margin-top: 10px;
}
.faqBox p {
    font-size: 24px;
    line-height: 1.5;
    padding: 15px 0 13px;
}
.faqList{
  font-family: inter-regular, arial, sans-serif;
  font-size: 24px;
  line-height: 1.5;
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.faqLink{
  color: #f9a41b;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .faqpageSize{
    width: 80%;
  }
  .faqbgSlider {
      padding: 100px 0 100px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .faqpageSize{
    width: 80%;
  }
   .faqbg {
        padding: 100px 0 70px;
    }
    .faqbgSlider {
         padding: 80px 0 80px;
     }
    .faqWrap {
        width: 1100px;
        margin-top: 50px;
    }
    .faqBox h3 {
        font-size: 21px;
    }
    .faqBox p {
        font-size: 18px;
    }
    .faqList{
      font-size: 18px;
    }
    .faqTit h1,
    .faqTit h2,
    .faqTit h4  {
        font-size: 42px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .faqpageSize{
    width: 100%;
  }
    .faqbg {
        padding: 70px 0 70px;
    }
    .faqbgSlider {
        padding: 70px 0 70px;
    }
    .faqWrap {
        width: 840px;
        margin-top: 35px;
    }
    .faqBox h3 {
        font-size: 21px;
    }
    .faqBox p {
        font-size: 18px;
    }
    .faqList{
      font-size: 18px;
    }
    .faqTit h1,
    .faqTit h2,
    .faqTit h4  {
        font-size: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .faqpageSize{
    width: 100%;
  }
    .faqbg {
        padding: 70px 0 50px;
    }
    .faqbgSlider {
        padding: 70px 0 50px;
    }
    .faqWrap {
        width: 100%;
        margin-top: 35px;
    }
    .faqBox {
        padding: 15px 25px;
    }
    .faqBox h3 {
        font-size: 21px;
    }
    .faqBox p {
        font-size: 18px;
    }
    .faqList{
      font-size: 18px;
    }
    .faqTit h1,
    .faqTit h2,
    .faqTit h4 {
        font-size: 36px;
    }
}
@media only screen and (max-width: 767px) {
  .faqpageSize{
    width: 90%;
    padding: 40px 0 0;
  }
   .faqbg {
        padding: 50px 0 35px;
    }
    .faqbgSlider {
         padding: 50px 0 35px;
     }
    .faqWrap {
        width: 100%;
        margin-top: 35px;
    }
    .faqBox {
        padding: 15px;
    }
    .faqBox h3 {
        font-size: 21px;
    }
    .faqBox p {
        font-size: 18px;
    }
    .faqList{
      font-size: 18px;
    }
    .faqTit h1,
    .faqTit h2,
    .faqTit h4  {
        font-size: 30px;
    }
}
@media only screen and (max-width: 479px) {

}


/*========================================================
					FAQ Section NEW
=========================================================*/
.indexFaq {
    padding: 90px 0 100px;
}
.indexFaqTit {
    padding: 35px 0 30px;
    border-top: 2px solid var(--orange);
}
.indexFaqTit h3 {
    color: var(--brown);
    font-family: prompt-bold, arial, sans-serif;
    font-size: 50px;
    line-height: 1.1;
    text-transform: capitalize;
    text-align: left;
}
.faqWrap {
    margin: 0 auto 75px;
}
.faqWrap .accordion {
  border: none;
  background: var(--white);
  color: var(--brown);
  cursor: pointer;
  padding: 35px 30px 35px 0;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-family: inter-bold, arial, sans-serif;
  font-size: 28px;
  transition: 0.4s;
  border-bottom: 1px solid #d8d8d8;
  text-transform: capitalize;
}
.faqWrap .active, .accordion:hover {
  background-color: var(--white);
}
.faqWrap .accordion:after {
  content: '\002B';
  color: var(--orange);
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.faqWrap .active:after {
  content: "\2212";
    color: var(--orange);
}
.faqWrap .panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.faqWrap .panel p {
    font-size: 26px;
    line-height: 1.4;
    padding: 20px 20px 15px;
}
.faqWrap .panel p span,
.faqWrap .panel ul li span{
  font-weight: 700;
}
.faqWrap .panel ul li {
    font-size: 21px;
    line-height: 1.4;
    padding: 20px 20px 15px;
    font-family: barlowregular, arial, sans-serif;
    list-style-type: disc;
    list-style-position: inside;
}
.indexFaqBtnWrap {
    text-align: center;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .indexFaqTit h3 {
        font-size: 42px;
    }
    .faqWrap .accordion {
    	font-size: 24px;
    }
    .faqWrap .panel p {
    	font-size: 24px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .indexFaqTit h3 {
        font-size: 30px;
    }
    .faqWrap .accordion span {
        font-size: 21px;
    }
    .indexFaq {
        padding: 60px 0 20px;
    }
    .faqWrap {
        width: 1170px;
    }
    .faqWrap .accordion,
    .faqWrap .panel p {
    	font-size: 18px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .indexFaqTit h3 {
        font-size: 26px;
    }
    .faqWrap .accordion span {
        font-size: 21px;
    }
    .indexFaq {
        padding: 60px 0 20px;
    }
    .faqWrap {
        width: 921px;
    }
    .faqWrap .accordion,
    .faqWrap .panel p {
    	font-size: 18px;
    }
    .hardwfaqbg {
        padding: 50px 0 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .indexFaqTit h3 {
        font-size: 26px;
    }
    .faqWrap .accordion span {
        font-size: 18px;
    }
    .indexFaq {
        padding: 60px 0 10px;
    }
    .faqWrap {
        width: 690px;
    }
    .faqWrap .accordion,
    .faqWrap .panel p {
      font-size: 18px;
    }
    .hardwfaqbg {
        padding: 35px 0 20px;
    }
}
@media only screen and (max-width: 767px) {
   .indexFaqTit h3 {
        font-size: 30px;
    }
    .faqWrap .accordion span {
        font-size: 18px;
    }
    .indexFaq {
        padding: 60px 0 35px;
    }
    .faqWrap {
        width: 100%;
        margin: 0 auto 30px;
    }
    .panel p {
        font-size: 18px;
    }
    .faqWrap .accordion {
      font-size: 18px;
    }
    .faqWrap .panel p {
      font-size: 18px;
    }
    .indexFaqTit {
        padding: 30px 0 0;
    }
}
@media only screen and (max-width: 479px) {
    .faqWrap .accordion span {
        font-size: 18px;
    }
    .faqWrap .panel p {
        padding: 20px 0 15px;
    }
    .faqWrap .accordion {
        padding: 20px 30px 20px 0;
    }

}
/*========================================================
    Finance Now - Footer
=========================================================*/
.fineSec{
  padding: 100px 0;
  background: #f2f0f1;
  border-top: 1px solid #ccc;
}
.fineSecWrap{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.fineSec p span{
  color: var(--brown);
  display: block;
  font-family: inter-bold, arial, sans-serif;
  font-size: 50px;
}
.fineSec p{
  font-family: inter-semibold, arial, sans-serif;
  font-size: 30px;
  text-transform: capitalize;
}
.fineSecBtnPlace{
  margin-left: 220px;
}
.fineSecBtnPlace p{
  font-family: inter-regular, arial, sans-serif;
  font-size: 16px;
  margin: 5px 0 0;
  text-align: center;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .fineSecBtnPlace{
    margin-left: 260px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .fineSecBtnPlace{
    margin-left: 200px;
  }
  .fineSec p span{
    font-size: 44px;
  }
  .fineSec p{
    font-size: 26px;
  }
  .fineSecBtnPlace p{
    font-size: 14px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .fineSecBtnPlace{
    margin-left: 100px;
  }
  .fineSec p span{
    font-size: 40px;
  }
  .fineSec p{
    font-size: 26px;
  }
  .fineSecBtnPlace p{
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .fineSecWrap{
    flex-direction: column;
  }
  .fineSecBtnPlace{
    margin-left: 0;
    margin-top: 40px;
  }
  .fineSec p span{
    font-size: 40px;
  }
  .fineSec p{
    font-size: 26px;
    text-align: center;
  }
  .fineSecBtnPlace p{
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .fineSec{
    padding: 50px 0;
  }
  .fineSecWrap{
    flex-direction: column;
  }
  .fineSecBtnPlace{
    margin-left: 0;
    margin-top: 30px;
  }
  .fineSec p span{
    font-size: 32px;
  }
  .fineSec p{
    font-size: 24px;
    text-align: center;
  }
  .fineSecBtnPlace p{
    font-size: 14px;
  }
}

/*========================================================
    ABOUT page
=========================================================*/
.aboutbg {
    padding: 180px 0 120px;
}
.abNewCont{
  padding: 150px 0 0;
}
.abNewContWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.abNewImg{
  width: 33%;
}
.abNewImg img{
  width: 100%;
}
.abNewText{
  width: 64%;
  padding: 40px 0 0;
}
.abNewText p{
  margin: 30px 0 0;
}
.aboutTwoBoxes .getInsBoxText p {
	min-height: 62px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .aboutbg {
        padding: 120px 0 100px;
    }
    .abNewText{
      padding: 0 0 0;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .aboutbg {
        padding: 70px 0 70px;
    }
    .abNewText{
      padding: 0 0 0;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
     .aboutbg {
        padding: 70px 0 50px;
    }
    .aboutLeftIn {
        padding: 60px 50px;
    }
    .abNewText{
      padding: 0 0 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
     .aboutbg {
        padding: 50px 0 35px;
    }
    .aboutTwoBoxes {
        padding-top: 50px;
    }
    .abNewCont{
      padding: 80px 0 0;
    }
    .abNewText{
      padding: 0 0 0;
    }
}
@media only screen and (max-width: 767px) {
    .aboutbg {
        padding: 135px 0 35px;
    }
    .aboutTwoBoxes {
        padding-top: 50px;
    }
    .abNewCont{
      padding: 60px 0 0;
    }
    .abNewContWrap{
      flex-direction: column;
    }
    .abNewImg,
    .abNewText{
      width: 100%;
    }
    .abNewText{
      padding: 20px 0 60px;
    }
}
@media only screen and (max-width: 479px) {
    .aboutbg {
        padding: 135px 0 0;
    }
}

/*========================================================
    ABOUT page new
=========================================================*/
.aboutBanbg .hardwoodBanRect {
  padding: 0;
    background: transparent;
    position: relative;
}
.hardwAboutBanImg {
    width: 100%;
    display: block;
}
.aboutBanbg .hardwoodBanRect h1{
  color: var(--brown);
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: left;
    font-size: 60px;
    padding-left: 90px;
}
.twoImgSize{
  width: 79%;
  margin: 0 auto;
}
.twoImgSec{
  padding: 0 0 100px;
}
.twoImgWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.twoImgWrap img{
  width: 48%;
}
.aboutBtmBan {
	background-image: url('../images/about/white-hardwood-floor-background.webp');
}
.banRightAbout{
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.banRightAbout p{
  color: var(--brown);
  font-family: inter-bold, arial, sans-serif;
  font-size: 30px;
  margin: 50px 0 0;
}

.platformsImgWrap{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 40px 0 0;
}
.platfrmBox{
  width: 25%;
}
.banThreeBtns{
  margin: 50px 0 0;
}
.aboutText p span {
        font-family: prompt-bold, arial, sans-serif;
}

.revIndex .banBrownRect{
  display: none;
}
.revIndex .starsAndText img{
  width: 600px;
}
.revIndex .banRightAbout p {
  font-size: 64px;
  text-transform: uppercase;
  margin: 100px 0 0;
}
.revIndex .banRightAbout p span{
  display: block;
  margin: 0 0 20px;
}
.revIndex .banRightAbout p span strong{
  color: var(--orange-sec);
  font-size: 74px;
  text-shadow: 2px 2px 2px #000;
}
.revIndex .platformsImgWrap{
  width: 100%;
  margin: 100px 0 0;
}
.revIndex .platfrmBox {
	width: 10%;
}
.revIndex .banThreeBtns {
	margin: 90px 0 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .aboutBanbg .hardwoodBanRect{
    min-height: 630px;
    max-width: 720px;
  }
  .twoImgSize{
    width: 80%;
  }
  .aboutNew .luxuryText p:last-child{
    margin: 0 0 0;
  }

  .revIndex .starsAndText img {
  	width: 520px;
  }
  .revIndex .platfrmBox {
  	width: 12%;
  }
  .revIndex .banRightAbout p {
  	font-size: 58px;
  	margin: 90px 0 0;
  }
  .revIndex .platformsImgWrap {
  	margin: 90px 0 0;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .aboutBanbg .hardwoodBanRect {
  	max-width: 560px;
  }
    .aboutBanbg .hardwoodBanRect h1 {
        font-size: 48px;
        top: 30px;
        padding-left: 70px;
    }
  .twoImgSize{
    width: 81%;
  }
  .banRightAbout {
  	width: 56%;
  }
  .banRightAbout p {
  	font-size: 24px;
  }
  .platfrmBox{
    padding: 0 20px;
  }
  .plGoogle img,
  .plYelp img,
  .plBBB img {
    width: 75%;
  }
  .plAngies img,
  .plFacebook img,
  .plHomeAdvisor img{
    width: 66%;
  }
    .plTopRated img {
        width: 100%;
    }


    .revIndex .starsAndText img {
    	width: 450px;
    }
    .revIndex .banRightAbout p {
    	font-size: 44px;
      margin: 70px 0 0;
    }
    .revIndex .banRightAbout p span strong {
    	font-size: 66px;
    }
    .revIndex .platfrmBox {
    	width: 12%;
    }
    .revIndex .plGoogle img,
    .revIndex .plYelp img,
    .revIndex .plBBB img {
    	width: 94%;
    }
    .revIndex .plAngies img,
    .revIndex .plFacebook img,
    .revIndex .plHomeAdvisor img{
      width: 72%;
    }
    .revIndex .plTopRated img {
    	width: 120%;
    }
    .revIndex .platformsImgWrap,
    .revIndex .banThreeBtns{
      margin: 70px 0 0;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .aboutBanbg .hardwoodBanRect {
  	max-width: 480px;
  }
     .aboutBanbg .hardwoodBanRect h1 {
        font-size: 38px;
        top: 30px;
        padding-left: 50px;
    }
  .banRightAbout {
  	width: 56%;
  }
  .starsAndText img{
    width: 70%;
  }
  .banRightAbout p {
  	font-size: 19px;
  }
  .revIndex .banRightAbout p {
    font-size: 24px;
  }
  .revIndex .banRightAbout p span strong {
    font-size: 46px;
  }
  .platfrmBox{
    padding: 0 20px;
  }
  .plGoogle img,
  .plYelp img,
  .plBBB img{
    width: 75%;
  }

  .plAngies img,
  .plFacebook img,
  .plHomeAdvisor img{
    width: 66%;
  }
  .plTopRated img{
    width: 100%;
  }


  .revIndex .starsAndText img {
    width: 400px;
  }
  .revIndex .banRightAbout p {
    font-size: 33px;
    margin: 60px 0 0;
  }
  .revIndex .platfrmBox {
    width: 14%;
  }
  .revIndex .plGoogle img,
  .revIndex .plYelp img,
  .revIndex .plBBB img {
    width: 96%;
  }
  .revIndex .plAngies img,
  .revIndex .plFacebook img,
  .revIndex .plHomeAdvisor img{
    width: 72%;
  }
  .revIndex .plTopRated img {
    width: 120%;
  }
  .revIndex .platformsImgWrap,
  .revIndex .banThreeBtns{
    margin: 60px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .aboutBanbg .hardwoodBanRect {
  	max-width: 440px;
  }
    .aboutBanbg .hardwoodBanRect h1 {
        font-size: 34px;
        top: 30px;
        padding-left: 50px;
    }
  .banRightAbout{
    width: 100%;
    padding: 60px 40px;
  }
  .starsAndText img{
    width: 70%;
  }
  .banRightAbout p {
  	font-size: 26px;
  }
  .plGoogle img,
  .plYelp img,
  .plBBB img{
    width: 75%;
  }

  .plAngies img,
  .plFacebook img,
  .plHomeAdvisor img{
    width: 56%;
  }
  .plTopRated img{
    width: 100%;
  }

  .revIndex .starsAndText img {
    width: 400px;
  }
  .revIndex .banRightAbout p {
  	font-size: 56px;
    line-height: 1.3;
  	margin: 60px 0 0;
  }
  .revIndex .banRightAbout p span{
    width: 80%;
    margin: 0 auto 20px;
  }
  .revIndex .banRightAbout p span strong {
    display: block;
  }
  .revIndex .platfrmBox {
  	width: 25%;
  }
  .revIndex .platformsImgWrap,
  .revIndex .banThreeBtns{
    margin: 60px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .aboutBanbg .hardwoodBanRect{
      max-width: 100%;
  }
     .aboutBanbg .hardwoodBanRect h1 {
        font-size: 40px;
        top: 30px;
        padding-left: 50px;
    }
  .twoImgSize{
    width: 100%;
  }
  .twoImgSec {
  	padding: 0;
  }
  .twoImgWrap img{
    width: 100%;
  }
  .banRightAbout{
    width: 100%;
    padding: 60px 30px;
  }
  .starsAndText img{
    width: 70%;
  }
  .banRightAbout p {
  	font-size: 26px;
    line-height: 1.4;
    margin: 20px 0 0;
  }

  .platfrmBox{
    width: 50%;
    padding: 0 10px;
    margin: 0 0 30px;
  }
  .platfrmBox:last-child{
    margin: 0 0 0;
  }
  .plGoogle{
    order: 1;
  }
  .plYelp{
    order: 2;
  }
  .plBBB{
    order: 3;
  }
  .plHomeAdvisor{
    order: 4;
  }
  .plAngies{
    order: 5;
  }
  .plFacebook{
    order: 6;
  }
  .plTopRated{
    order: 7;
  }
  .plGoogle img{
    width: 100%;
  }
  .plYelp img,
  .plBBB img,
  .plAngies img{
    width: 80%;
  }
  .plHomeAdvisor img{
    width: 70%;
  }
  .plFacebook img{
    width: 65%;
  }
  .plTopRated{
    width: 70%;
  }
  .banRightAbout .banThreeBtns {
  	margin: 0 0 0;
  }


  .revIndex .starsAndText img {
    width: 100%;
  }
  .revIndex .banRightAbout p {
  	font-size: 29px;
  	line-height: 1.3;
  	margin: 40px 0 0;
  }
  .revIndex .pageSize{
    width: 90%;
  }
  .revIndex .banRightAbout {
  	padding: 60px 12px;
  }
  .revIndex .platfrmBox {
  	width: 46%;
  }
  .revIndex .plTopRated{
    width: 100%;
  }
  .revIndex .platformsImgWrap{
    margin: 60px 0 0;
  }
  .revIndex .banThreeBtns{
    margin: 20px 0 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .revIndex .banRightAbout p {
  	font-size: 38px;
  }
}
@media only screen and (max-width: 479px) {
    .aboutBanbg .hardwoodBanRect h1 {
        font-size: 30px;
        top: 20px;
        padding-left: 30px;
    }
    .aboutNew {
        padding-top: 0;
    }
}

/*========================================================
    Index New Reviews section
=========================================================*/
.revIndex .banRightAbout{
  width: 100%;
}

/*========================================================
    PARTNERS page
=========================================================*/
.partnMobile {
    display: none!important;
}
.partnWrap {
    width: 77%;
    display: flex;
    row-gap: 40px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 90px auto 0;
}
.partnBox {
    background: var(--white);
    border: 1px solid var(--grey-border);
    padding: 25px 22px 32px 28px;
    display: flex;
    flex-direction: column;
}
.partnBoxEmpty{
  width: 31%;
}
.partnImg {
    display: flex;
    justify-content: center;
    align-items: center;
}
.partnImg img {
    display: block;
    margin: 35px auto;
}
.partnText {
    margin-top: auto;
}
.partnText h2,
.partnText h3 {
    font-family: inter-semibold, arial, sans-serif;
    color: var(--black);
    font-size: 32px;
    margin: 10px 0 0;
    text-align: center;
    min-height: 117px;
}
.partnText p {
    font-size: 20px;
    padding: 25px 0;
}
.partnBtnWrap {
    text-align: center;
    margin-top: auto;
}
.partBtn {
    display: inline-block;
    color: var(--black);
    text-align: center;
    padding: 18px 36px;
    font-size: 20px;
    line-height: 1;
    font-family: inter-semibold, arial, sans-serif;
    text-transform: capitalize;
    background: var(--orange);
    cursor: pointer;
    border-radius: 45px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .partnText h2,
  .partnText h3 {
      font-size: 28px;
      min-height: 102px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .partnWrap {
        width: 100%;
    }
    .partnText h2,
    .partnText h3 {
        font-size: 21px;
        min-height: 50px;
    }
    .partnText p,
    .partBtn {
        font-size: 16px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .partnWrap {
        width: 100%;
        margin-top: 45px;
    }
    .partnText h2,
    .partnText h3 {
        font-size: 21px;
        min-height: 100px;
    }
    .partnText p,
    .partBtn {
        font-size: 16px;
    }
    .partnImg img {
        width: 85%;
        margin: 15px auto;
        max-width: 190px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .partnWrap {
        width: 100%;
        margin-top: 35px;
    }
    .modernBox.partnBox{
      width: 47%;
    }
    .partnText h2,
    .partnText h3 {
        font-size: 21px;
        min-height: 125px;
    }
    .partnText p,
    .partBtn {
        font-size: 16px;
    }
    .partnImg img {
        width: 100%;
        margin: 15px auto;
        max-width: 190px;
    }
}
@media only screen and (max-width: 767px) {
    .partnDesktop {
        display: none;
    }
    .partnMobile {
        display: inline-block!important;
    }
    .partnBox {
        width: 90%;
        margin: 0 auto;
    }
    .partnImg img {
        max-width: 190px!important;
    }
    .partnWrap {
        margin-top: 35px;
    }
    .partnText h2,
    .partnText h3 {
        font-size: 21px;
        min-height: 75px;
    }
    .partnText p,
    .partBtn {
        font-size: 18px;
    }
}

/*========================================================
    SECONDARY pages
=========================================================*/
.secpWrap {
    width: 85%!important;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}
.secpTit h1 {
    padding-bottom: 90px;
}
.secpBox {
    width: 100%;
}
.secpWrap .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block!important;
}
.swipearrows {
    padding: 5px 0 25px;
    font-size: 16px !important;
    color: var(--orange);
    display: flex;
    align-items: center;
    justify-content: center;
}
.swipestleft, .swipestright {
    color: var(--orange);
    font-size: 18px;
}
.swipestleft {
   margin-right: 5px;
}
.swipestright {
    margin-left: 5px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .secpWrap {
      width: 86%!important;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .secpWrap {
        width: 100%!important;
    }
    .secpTit h1 {
        padding-bottom: 50px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .secpWrap {
        width: 100%!important;
    }
    .secpTit h1 {
        padding-bottom: 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .secpTit h1 {
        padding-bottom: 35px;
    }
    .secpWrap {
        width: 100%!important;
    }
}
@media only screen and (max-width: 767px) {
   .secpTit h1 {
        padding-bottom: 35px;
    }
    .secpWrap {
        width: 95%!important;
        max-width: 440px!important;
    }
}

/*========================================================
		INDEX centrFl Section
=========================================================*/
.centrFl {
  background: var(--dealerbg);
  padding: 120px 0;
}

.centrFlWrap {
    width: 71%;
    margin: 0 auto;
    text-align: center;
}

.centrFl h2 {
    text-align: center;
    color: var(--brown);
    text-transform: uppercase;
}

.centrFl h2 span {
    display: block;
}

.centrFl p {
    max-width: 1140px;
    margin: 40px auto 0;
}
.centrFlnew p{
  margin: 0 auto;
}
.centrF2 {
    background: var(--white);
}
.subpbenefbg p {
    max-width: 100%;
    line-height: 1.5;
}
.subpbenefbg h2 {
    text-transform: capitalize;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .centrFl {
        padding: 60px 0;
    }
    .centrFl p {
        max-width: 1090px;
    }
    .subpbenefbg p {
        max-width: 100%;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .centrFl {
        padding: 60px 0;
    }
    .centrFlWrap {
        width: 80%;
    }
    .centrFl p {
        max-width: 880px;
        margin-top: 35px;
    }
    .subpbenefbg p {
        max-width: 100%;
    }
    .subpbenefbg .centrFlWrap {
        width: 100%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .centrFl {
        padding: 60px 0;
    }

    .centrFlWrap {
        width: 90%;
    }
    .centrFl p {
        max-width: 730px;
        margin-top: 35px;
    }
    .subpbenefbg p {
        max-width: 100%;
    }
     .subpbenefbg .centrFlWrap {
        width: 100%;
    }

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .centrFl {
        padding: 75px 0 50px;
    }
    .centrFlWrap {
        width: 100%;
    }
    .centrFl h2 {
    	max-width: 90%;
      margin: 0 auto;
    }
}

@media only screen and (max-width: 767px) {
    .centrFl {
        padding: 45px 0;
    }
    .centrFlWrap {
        width: 100%;
    }
    .centrFl p {
        margin-top: 35px;
    }
}

/*========================================================
		INDEX dealer Section
=========================================================*/
.dealerBg {
    color: var(--brown);
    background: var(--orange);
    padding: 80px 0;
}
.dealerWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.dealerWrap h3 {
    font-family: prompt-bold, arial, sans-serif;
    font-size: 60px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    padding-bottom: 10px;
}
.dealerWrap p {
    font-family: inter-semibold, arial, sans-serif;
    font-size: 42px;
    margin-bottom: 60px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .dealerBg {
        padding: 60px 0 90px;
    }
    .dealerWrap h3 {
        font-size: 54px;
    }
    .dealerWrap p {
        font-size: 36px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .dealerBg {
        padding: 60px 0 70px;
    }
    .dealerWrap h3 {
        font-size: 40px;
    }
    .dealerWrap p {
        font-size: 30px;
        margin-bottom: 50px;
    }
    .dealerBtn {
        font-size: 28px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .dealerBg {
        padding: 60px 0 70px;
    }
    .dealerWrap h3 {
        font-size: 54px;
    }
    .dealerWrap h3 {
        font-size: 40px;
    }
    .dealerWrap p {
        font-size: 32px;
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .dealerBg {
        padding: 60px 0 70px;
    }
    .dealerWrap h3 {
        font-size: 38px;
    }
    .dealerWrap p {
        font-size: 26px;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .dealerBg {
        padding: 60px 0 70px;
    }

    .dealerWrap h3 {
        font-size: 42px;
    }

    .dealerWrap p {
        font-size: 26px;
        margin-bottom: 40px;
        text-align: center;
    }
}

@media only screen and (max-width: 479px) {
    .dealerBtn span {
        display: block;
        margin-right: 0;
    }
}

/*========================================================
          finanSec - Finance Section index
=========================================================*/
.finanSec {
    padding: 80px 0 100px;
}

.finanSec h2 {
    font-size: 66px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
}

.finanWrap {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    width: 68%;
    margin: 80px auto 0;
}

.finanBox {
    width: 45%;
    margin-bottom: 55px;
}

.finanTop {
    display: flex;
    justify-content: flex-start;
}

.finanTop img {
    width: 94px;
    height: 100%;
}

.finanTop p {
    margin-left: 20px;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
}

.finanLine {
    border: 2px solid var(--light-blue);
    height: 2px;
    width: 80%;
    margin: 15px 0 25px;
}

.finanBottom p {
    font-size: 34px;
    max-width: 90%;
    line-height: 1.2;
    min-height: 82px;
}

.finanBtnSec {
    padding-top: 30px;
    text-align: center;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .finanSec h2 {
        font-size: 54px;
    }

    .finanTop img {
        width: 85px;
    }

    .finanTop p {
        font-size: 30px;
    }

    .finanBottom p {
        font-size: 28px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .finanWrap {
        width: 80%;
    }

    .finanSec h2 {
        font-size: 40px;
    }

    .finanTop img {
        width: 85px;
    }

    .finanTop p {
        font-size: 26px;
    }

    .finanBottom p {
        font-size: 24px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .finanSec {
  	padding: 80px 0 30px;
  }
    .finanSec h2 {
        font-size: 40px;
    }

    .finanWrap {
        width: 100%;
    }

    .finanTop img {
        width: 65px;
    }

    .finanTop p {
        font-size: 23px;
    }

    .finanBottom p {
        font-size: 22px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .finanSec h2 {
        font-size: 36px;
    }

    .finanWrap {
        width: 100%;
    }

    .finanTop img {
        width: 45px;
    }

    .finanTop p {
        font-size: 20px;
    }

    .finanBottom p {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .finanSec h2 {
        font-size: 36px;
    }

    .finanWrap {
        width: 100%;
    }

    .finanBox {
        width: 100%;
    }

    .finanTop img {
        width: 60px;
    }

    .finanTop p {
        font-size: 22px;
    }

    .finanBottom p {
        font-size: 21px;
        min-height: 30px;
    }

    .finanSec {
        padding: 60px 0;
    }

    .finanBtnSec {
        padding-top: 0;
    }
}
@media only screen and (max-width: 479px) {
    .finanSec {
        padding: 35px 0;
    }
    .finanWrap {
        margin-top: 35px;
    }
}

/*========================================================
		INDEX 21 SEER Section
=========================================================*/
.addSpace{
  margin: 150px 0 0;
}
.seerWrap {
    width: 75%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    background: var(--brown);
    color: var(--white);
}

.seerLeft,
.seerRight {
    width: 50%;
    max-height: 612px;
}

.seerLeft img {
    width: 100%;
    max-height: 612px;
    object-fit: cover;
}

.seerRight {
    padding: 30px 100px 30px 150px;
}

.seerRightWrap {
    max-width: 660px;
    display: flex;
    flex-direction: column;
}

.seerRightWrap h3 {
  font-family: inter-bold, arial, sans-serif;
    font-size: 34px;
}
.seerRightWrap h3 span{
  display: block;
  font-size: 44px;
  text-transform: capitalize;
}

.seerRightWrap img {
    display: block;
    margin: 10px 0;
}

.seerRightWrap ul {
    padding: 40px 0;
}

.seerRightWrap ul li {
    background: url('../images/index/list.png') no-repeat;
    background-position: left top 15px;
    background-size: 24px 24px;
    padding: 10px 0 10px 40px;
    text-transform: capitalize;
    color: var(--btn-white);
}
.subpbenefbg {
    padding-bottom: 120px;
}
.subpbenefbg .seerRight {
    padding: 60px;
}
.subpbenefbg .seerRight,
.subpbenefbg .seerLeft {
    max-height: 960px;
}
.subpbenefbg .seerRightWrap {
    max-width: 100%;
}
.subpbenefbg .seerRight p {
    padding-top: 15px;
    font-size: 24px;
    line-height: 1.5;
}
.subpbenefLeft {
    background: url('../images/hardwood/real-hardwood.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    height: 960px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .seerWrap {
  	width: 77%;
  }
  .seerLeft,
  .seerRight {
  	max-height: 592px;
  }
  .seerLeft img {
  	min-height: 592px;
  }
  .seerRight {
  	padding: 30px 80px 30px 85px;
  }
  .seerRightWrap ul {
  	padding: 35px 0;
  }
  .seerRightWrap ul li {
      background-position: left top 12px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .seerWrap {
  	width: 87%;
  }
    .seerRightWrap ul li {
        background-position: left top 10px;
    }
    .seerLeft,
    .seerRight {
      min-height: 450px;
    	max-height: 500px;
    }
    .seerRight {
        padding: 0 20px 0 60px;
    }
    .seerLeft img {
    	width: 100%;
    	max-height: 612px;
    	object-fit: cover;
      min-height: 500px;
    }
    .seerRightWrap img {
        max-width: 460px;
    }

    .seerRightWrap h3 {
        font-size: 26px;
    }
    .seerRightWrap h3 span{
      font-size: 36px;
    }
    .seerRightWrap ul {
        padding: 15px 0;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .seerWrap {
  	width: 90%;
  }
    .seerRightWrap ul li {
        font-size: 18px;
        background-position: left top 15px;
        background-size: 20px 20px;
        padding: 8px 0 8px 30px;
    }
    .seerLeft,
    .seerRight {
    	max-height: 450px;
    }
    .seerLeft img {
      min-height: 450px;
    }
    .seerRight {
        padding: 0 20px 0 60px;
    }

    .seerRightWrap img {
        max-width: 380px;
        margin: 5px 0 0;
    }

    .seerRightWrap h3 {
        font-size: 19px;
    }
    .seerRightWrap h3 span{
      font-size: 28px;
    }
    .seerRightWrap ul {
        padding: 25px 0 35px 0;
    }

    .seerBtn {
        padding: 15px 45px;
        font-size: 16px;
    }
    .subpbenefbg {
        padding-bottom: 75px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .seerWrap {
      width: 89%;
      flex-direction: column;
    }
    .seerLeft,
    .seerRight {
        width: 100%;
    }

    .seerRight {
        padding: 75px 30px;
    }

    .seerRightWrap {
        margin: 0 auto;
    }

    .seerRightWrap ul {
        padding: 35px 0;
    }
    .seerRightWrap h3 span{
      font-size: 36px;
    }
    .seerRightWrap ul li {
        font-size: 21px;
        background-position: left top 13px;
        background-size: 25px 25px;
        padding: 12px 0 12px 40px;
    }
    .subpbenefbg {
        padding-bottom: 75px;
    }
}

@media only screen and (max-width: 767px) {
  .addSpace {
  	margin: 60px 0 0;
  }
    .seerWrap {
      width: 100%;
        flex-direction: column;
    }

    .seerLeft,
    .seerRight {
        width: 100%;
    }

    .seerRight {
        padding: 50px 20px;
    }

    .seerRightWrap {
        margin: 0 auto;
        max-width: 430px;
    }

    .seerRightWrap ul li {
        font-size: 21px;
        background-position: left top 13px;
        background-size: 22px 22px;
        padding: 12px 0 12px 36px;
    }

    .seerRightWrap h3 {
        font-size: 24px;
    }

    .seerRightWrap ul {
        padding-left: 0;
    }

    .seerRightWrap ul {
        padding: 40px 0 35px 0;
    }

    .seerRightWrap img {
        width: 100%;
        max-width: 420px;
    }
    .seerRightWrap h3 span{
      font-size: 30px;
    }
    .subpbenefbg {
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 479px) {
    .seerRightWrap img {
        max-width: 100%;
    }

    .seerRightWrap {
        max-width: 100%;
    }
}

/*========================================================
		Review Us page
=========================================================*/
.reviewsWrap {
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1300px;
}

.reviewsBox {
    width: 24%;
    border: 1px solid var(--black);
    background: #e5e5e7;
    padding: 10px 15px;
    margin-bottom: 15px;
}

.reviewsBoxEmpty {
    width: 24%;
}

.reviewsBox img {
    width: 100%;
    display: block;
    max-width: 200px;
    margin: 0 auto;
}

.reviewsBox p {
    font-size: 16px;
    line-height: 1.3;
    color: var(--main-text);
    text-align: center;
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .reviewsWrap {
        padding: 50px 0;
    }

    .reviewsBox p {
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .reviewsWrap {
        padding: 50px 0;
    }

    .reviewsBox p {
        font-size: 16px;
    }

    .reviewsBox,
    .reviewsBoxEmpty {
        width: 49%;
    }
}

@media only screen and (max-width: 767px) {


    .reviewsWrapMob {
        display: block !important;
        padding: 35px 0;
    }
    .reviewsWrap {
    	width: 90%;
    	padding: 0;
    }

    .reviewsBox p {
        font-size: 16px;
    }

    .reviewsBox {
        width: 100%;
        max-width: 300px;
        margin: 0 auto 15px;
    }

    .reviewsBoxEmpty {
        width: 100%;
    }
}

@media only screen and (max-width: 479px) {

    .reviewsBox,
    .reviewsBoxEmpty {
        max-width: 280px;
    }
}

/*=======================================================
     GALLERY page
=========================================================*/
.centerGalle{
  width: 75%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.centerGalle img{
  width: 32.5%;
  margin: 0 0 20px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .centerGalle img{
    margin: 0 0 15px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .centerGalle{
      width: 90%;
  }
  .centerGalle img{
    margin: 0 0 15px;
  }

}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .centerGalle{
      width: 90%;
  }
  .centerGalle img{
    margin: 0 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .centerGalle{
      width: 90%;
  }
  .centerGalle img{
    width: 49%;
    margin: 0 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .centerGalle{
      width: 90%;
  }
  .centerGalle img{
    width: 100%;
    margin: 0 0 15px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
    Value of Hardwood page
=========================================================*/
.graySec{
  background: #f2f0f1;
  padding: 100px 0 150px;
  color: var(--brown);
}
.graySec h1{
  font-family: inter-bold, arial, sans-serif;
  font-size: 50px;
}
.graySec h1,
.graySec h2{
  text-align: center;
  text-transform: uppercase;
}
.graySec h2 span{
  display: block;
}
.oranBg{
  background: var(--orange);
  margin: 60px auto 0;
  padding: 70px 70px 90px 70px;
  width: 86%;
}
.oranTitleTop{
  font-family: inter-bold, arial, sans-serif;
  font-size: 50px;
  text-align: center;
  margin: 0 0 50px;
}
.whiteWrapper{
  background: var(--white);
  padding: 70px 75px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.whiteSingle{
  width: 33%;
}
.whiteSingleSecond{
  border-left: 3px dashed var(--brown);
  border-right: 3px dashed var(--brown);
}
.whiteSingle:nth-child(1){
  padding-right: 80px;
}
.whiteSingle:nth-child(2){
  padding: 0 80px;
}
.whiteSingle:nth-child(3){
  padding-left: 80px;
}
.whiteSingleTop{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;

}
.whiteSingleTop p{
  font-family: prompt-bold, arial, sans-serif;
  font-size: 140px;
  line-height: 0.9;
  margin-right: 20px;
}
.whiteSingleTop img{
  width: 140px;
}
.whiteSingleBottom p{
  font-size: 36px;
  text-transform: capitalize;
  margin: 30px 0 0;
  width: 85%;
}
.whiteSingleBottom p span{
  font-family: inter-bold, arial, sans-serif;
}

.someWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 90%;
  margin: 80px auto 0;
}
.someLeft{
  width: 52%;
}
.someRight{
  width: 28%;
}
.someTitle{
  font-family: inter-bold, arial, sans-serif;
  font-size: 50px;
  text-transform: capitalize;
}
.someTitle span{
  display: block;
}
.someText{
  margin: 30px 0 0;
}
.someLeft img,
.someRight img{
  width: 100%;
}
.whiteWrapperMobile{
  display: none!important;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .oranBg {
  	width: 90%;
    padding: 60px 70px 80px 70px;
  }
  .graySec h1 {
  	font-size: 44px;
  }
  .oranTitleTop {
  	font-size: 44px;
  }
  .whiteSingleTop p {
  	font-size: 99px;
  }
  .whiteSingleTop img {
  	width: 110px;
  }
  .whiteSingle:nth-child(1){
    padding-right: 60px;
  }
  .whiteSingle:nth-child(2){
    padding: 0 60px;
  }
  .whiteSingle:nth-child(3){
    padding-left: 60px;
  }
  .whiteSingleBottom p {
  	font-size: 28px;
  }
  .someTitle {
  	font-size: 41px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .oranBg {
  	width: 90%;
    padding: 60px 60px 80px 60px;
  }
  .whiteWrapper {
  	padding: 65px 60px;
  }
  .graySec h1 {
  	font-size: 36px;
  }
  .oranTitleTop {
  	font-size: 36px;
  }
  .whiteSingleTop p {
  	font-size: 76px;
  }
  .whiteSingleTop img {
  	width: 88px;
  }
  .whiteSingle:nth-child(1){
    padding-right: 50px;
  }
  .whiteSingle:nth-child(2){
    padding: 0 50px;
  }
  .whiteSingle:nth-child(3){
    padding-left: 50px;
  }
  .whiteSingleBottom p {
  	font-size: 21px;
  }
  .someTitle {
  	font-size: 32px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .graySec {
  	padding: 80px 0 100px;
  }
  .oranBg {
  	width: 90%;
    padding: 60px 50px 80px 50px;
  }
  .whiteWrapper {
  	padding: 55px 40px;
  }
  .graySec h1 {
  	font-size: 30px;
  }
  .oranTitleTop {
  	font-size: 30px;
  }
  .whiteSingleTop p {
  	font-size: 45px;
  }
  .whiteSingleTop img {
  	width: 60px;
  }
  .whiteSingle:nth-child(1){
    padding-right: 30px;
  }
  .whiteSingle:nth-child(2){
    padding: 0 30px;
  }
  .whiteSingle:nth-child(3){
    padding-left: 30px;
  }
  .whiteSingleBottom p {
  	font-size: 21px;
    width: 100%;
  }
  .someWrap {
  	width: 100%;
  }
  .someRight {
  	width: 34%;
  }
  .someTitle {
  	font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .graySec {
  	padding: 80px 0 100px;
  }
  .oranBg {
  	width: 90%;
    padding: 60px 60px 80px 60px;
  }
  .whiteWrapper {
  	padding: 65px 60px;
  }
  .graySec h1 {
  	font-size: 30px;
  }
  .oranTitleTop {
  	font-size: 30px;
  }
  .whiteSingle {
  	width: 100%;
  }
  .whiteSingleTop p {
  	font-size: 76px;
  }
  .whiteSingleTop img {
  	width: 88px;
  }
  .whiteSingle:nth-child(1){
    padding-right: 0;
  }
  .whiteSingle:nth-child(2){
    padding: 0 0;
  }
  .whiteSingle:nth-child(3){
    padding-left: 0;
  }
  .whiteSingleBottom p {
  	font-size: 21px;
  }
  .someLeft {
  	width: 100%;
  }
  .someRight {
  	width: 60%;
    margin: 60px 0 0;
  }
  .someTitle {
  	font-size: 32px;
  }
  .whiteWrapperDesktop{
    display: none;
  }
  .whiteWrapperMobile{
    display: block!important;
  }
  .whiteSingleTop img {
  	width: 140px!important;
  }
  .whiteSingleSecond {
  	border: none;
  }
}
@media only screen and (max-width: 767px) {
  .graySec {
  	padding: 60px 0;
  }
  .graySecTitles{
    width: 94%;
    margin: 0 auto;
  }
  .oranBg {
  	width: 100%;
  	padding: 60px 20px 40px 20px;
  }
  .whiteWrapper {
  	padding: 40px 30px;
  }
  .graySec h1 {
  	font-size: 30px;
  }
  .oranTitleTop {
  	font-size: 30px;
  }
  .whiteSingle {
  	width: 100%;
  }
  .whiteSingleTop p {
  	font-size: 76px;
  }
  .whiteSingle:nth-child(1){
    padding-right: 0;
  }
  .whiteSingle:nth-child(2){
    padding: 0 0;
  }
  .whiteSingle:nth-child(3){
    padding-left: 0;
  }
  .whiteSingleBottom p {
  	font-size: 21px;
    width: 100%;
  }
  .someWrap {
  	width: 100%;
  	margin: 60px auto 0;
  }
  .someLeft {
  	width: 100%;
  }
  .someRight {
  	width: 100%;
  	margin: 60px 0 0;
  }
  .someTitle {
  	font-size: 32px;
  }
  .whiteWrapperDesktop{
    display: none;
  }
  .whiteWrapperMobile{
    display: block!important;
  }
  .whiteSingleTop img {
  	width: 75px!important;
  }
  .whiteSingleSecond {
  	border: none;
  }
}

/*========================================================
    Value of Hardwood page - white section
=========================================================*/
.whiteSec{
  padding: 150px 0;
}
.whiteSec h2{
  text-align: center;
  text-transform: uppercase;
}
.whiteSec h2 span{
  display: block;
}
.downldBtnPlace{
  margin: 60px 0 0;
  text-align: center;
}

.tableWhy{
  width: 100%;
  margin: 80px auto 0;
  border: 1px solid #b1b096;
  color: var(--brown);
  font-size: 36px;
  line-height: 1;
  font-family: inter-semibold, arial, sans-serif;
}
.tabOrangeRow{
  background: var(--divider-yellow);
  display: flex;
  justify-content: space-between;
}
.tabOrangeRow .tabBenefits,
.tabOrangeRow .tabRestore,
.tabOrangeRow .tabScreen,
.tabOrangeRow .tabRefinish{
  font-size: 36px;
  font-weight: 700;
}
.tabOrangeRow .tabRestore p,
.tabOrangeRow .tabScreen p,
.tabOrangeRow .tabRefinish p{
  font-size: 16px;
  text-transform: capitalize;
  display: block;
}
.tabOrangeRow .tabRestore,
.tabOrangeRow .tabScreen,
.tabOrangeRow .tabRefinish{
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.tabOrangeRow .tabBenefits,
.tabOrangeRow .tabRefinish{
  background: var(--orange);
}
.tabOrangeRow .tabRestore{
  background: #fdd28d;
}
.tabOrangeRow .tabScreen{
  background: #fabb54;
}
.tabWhiteRow{
  background: var(--white);
  display: flex;
  justify-content: space-between;
}
.tabWhiteRow:nth-child(even){
  background: #f5f5f5;
}
.tabBenefits{
  width: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-right: 3px solid #fff;
  text-transform: capitalize;
    font-size: 30px;
}
.tabRestore,
.tabScreen,
.tabRefinish{
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tabBenefits,
.tabRestore,
.tabScreen,
.tabRefinish{
  padding: .9em 2em;
}
.tabOrangeRow .tabBenefits{
  padding: .9em 1.6em;
}
.tabRestore,
.tabScreen{
  border-right: 3px solid #fff;
}
.tableWhy img{
  width: 50px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .tableWhy {
    font-size: 28px;
  }
  .tabOrangeRow .tabBenefits, .tabOrangeRow .tabRestore, .tabOrangeRow .tabScreen, .tabOrangeRow .tabRefinish {
  	font-size: 40px;
  }

  .tabOrangeRow .tabBenefits {
  	padding: .9em 1.4em;
  }
  .tabRestore, .tabScreen, .tabRefinish {
  	padding: .9em 1em;
  }
  .tabBenefits{
    font-size: 26px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .tableWhy {
    font-size: 22px;
    margin: 65px auto 0;
  }
  .tabOrangeRow .tabBenefits, .tabOrangeRow .tabRestore, .tabOrangeRow .tabScreen, .tabOrangeRow .tabRefinish {
  	font-size: 26px;
  }
  .tabOrangeRow .tabBenefits {
  	padding: .9em 1.3em;
  }
  .tabRestore, .tabScreen, .tabRefinish {
  	padding: .9em 0.5em;
  }
  .tabOrangeRow .tabRestore p, .tabOrangeRow .tabScreen p, .tabOrangeRow .tabRefinish p {
  	font-size: 14px;
  }
  .tableWhy img{
    width: 30px;
  }
  .tabBenefits{
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .tableWhy {
    font-size: 18px;
    margin: 50px auto 0;
  }
  .tabOrangeRow .tabBenefits, .tabOrangeRow .tabRestore, .tabOrangeRow .tabScreen, .tabOrangeRow .tabRefinish {
  	font-size: 21px;
  }
  .tabOrangeRow .tabBenefits {
  	padding: .9em 1.3em;
  }
  .tabRestore, .tabScreen, .tabRefinish {
  	padding: .9em 0.5em;
  }
  .tabOrangeRow .tabRestore p, .tabOrangeRow .tabScreen p, .tabOrangeRow .tabRefinish p {
  	font-size: 12px;
  }
  .tableWhy img{
    width: 30px;
  }
    .tabBenefits {
        font-size: 16px;
        padding: .9em 1em;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .tableWhy {
    font-size: 18px;
    margin: 35px auto 0;
  }
  .tabOrangeRow .tabBenefits, .tabOrangeRow .tabRestore, .tabOrangeRow .tabScreen, .tabOrangeRow .tabRefinish {
  	font-size: 22px;
  }
  .tabOrangeRow .tabBenefits {
  	padding: .9em 1.3em;
  }
  .tabRestore, .tabScreen, .tabRefinish {
  	padding: .9em 0.5em;
  }
  .tabOrangeRow .tabRestore p, .tabOrangeRow .tabScreen p, .tabOrangeRow .tabRefinish p {
  	font-size: 15px;
  }
  .tableWhy img{
    width: 30px;
  }
    .tabBenefits {
        font-size: 16px;
        padding: .9em 1em;
    }
}
@media only screen and (max-width: 767px) {
  .whiteSec {
  	padding: 60px 0;
  }
  .whiteSec h2{
    margin: 0 auto;
  }
  .whiteSec h2 span {
  	display: inline;
  }
  .tableWhyWrapMobile{
    width: 100%;
    margin: 0 auto;
  }
  .tableWhy {
  	width: 100%;
    font-size: 15px;
    margin: 40px auto 0;
  }
  .tabOrangeRow .tabBenefits, .tabOrangeRow .tabRestore, .tabOrangeRow .tabScreen, .tabOrangeRow .tabRefinish {
  	font-size: 15px;
  }
  .tabOrangeRow .tabBenefits {
  	padding: .9em 0.5em;
  }
  .tabBenefits {
  	padding: .9em 0.2em;
      font-size: 16px;
  }
  .tabRestore, .tabScreen, .tabRefinish {
  	padding: .9em 0.5em;
  }
  .tabOrangeRow .tabRestore p, .tabOrangeRow .tabScreen p, .tabOrangeRow .tabRefinish p {
  	font-size: 13px;
  }
  .tableWhy img{
    width: 26px;
  }
  .tabBenefits {
  	width: 35%;
  }
  .tabOrangeRow .tabBenefits, .tabOrangeRow .tabRestore, .tabOrangeRow .tabScreen, .tabOrangeRow .tabRefinish {
  	flex-direction: column;
  	align-items: center;
  	justify-content: flex-start;
  }
  .tabRestore,
  .tabScreen,
  .tabRefinish{
    width: 32.5%;
  }
}
/*========================================================
		BROWSE OUR FLOORS page
=========================================================*/
.browseBoxText {
    display: inline-block;
    width: 100%;
}
.browseP {
    text-transform: capitalize;
    height: 80px;
}
.browseBtn {
    font-size: 24px;
}
.browseBtnPlace {
    margin-top: 20px;
}
.browsebg .modernBoxes {
    width: 80%;
}

/*========================================================
					Floor Types page - headings
=========================================================*/
.comTitle {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  margin: 120px 0px 30px 0px;
}
.comTitle h2{
  font-size: 30px;
}
.imgCon {
  width: 40px;
}

.imgCon img {
  width: 100%;
  height: auto;
}

.underline {
  background-color: var(--orange);
  width: 200px;
  height: 4px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .imgCon {
    width: 65px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .imgCon {
    width: 45px;
  }

  .comTitle {
    margin-top: 70px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .comTitle {
    margin-top: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .comTitle {
    margin-top: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .comTitle {
    margin-top: 25px;
  }
  .comTitle h2 {
  	font-size: 22px;
    text-align: center;
    margin-top: 10px;
  }
}

/*========================================================
	FLOOR TYPE page
=========================================================*/

.bannerFloorMob {
  display: none;
}

.bannerFloor {
  background: url(../images/floortype/banner-comparison.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  /* height: 550px; */
  align-items: center;
  /* justify-content: center; */
}

.bannerFloorCont {
  text-align: center;
  width: 900px;
  margin: 130px auto 0px auto;
}

.floorWrap {
  width: 1300px;
  margin: 50px auto;
}

.floorList {
  width: 100%;
  margin: 35px 0;
}

.floorList h3 {
  font-family: inter-semibold, arial, sans-serif;
  font-size: 30px;
  padding-bottom: 20px;
  font-weight: 500;
}

.floorList ul li {
  background: url("../images/icons/Icon-mark-list.png") no-repeat;
  background-position: left top 12px;
  background-size: 15px 15px;
  padding: 5px 0 5px 25px;
  font-size: 24px;
}

.floorLast {
  margin-bottom: 90px;
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .floorWrap {
    width: 90%;
  }

  .bannerFloorCont h1 span {
    font-size: 60px;
  }

  .floorList h3 {
    font-size: 22px;
  }

  .floorList ul li {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .floorWrap {
    width: 90%;
  }

  .bannerFloorCont h1 span {
    font-size: 60px;
  }

  .floorList h3 {
    font-size: 24px;
  }

  .floorList ul li {
    font-size: 20px;
    background-position: left top 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .floorWrap {
    width: 90%;
  }

  .bannerFloorCont {
    width: 100%;
  }

  .bannerFloorCont h1 span {
    font-size: 46px;
  }

  .floorList h3 {
    font-size: 21px;
  }

  .floorList ul li {
    font-size: 18px;
    background-position: left top 9px;
  }

  .floorLast {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .floorWrap {
    width: 90%;
  }

  .bannerFloorCont {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 35px;
  }

  .bannerFloorCont h1 span {
    font-size: 42px;
    line-height: 1;
  }

  .floorList h3 {
    font-size: 21px;
  }

  .floorList ul li {
    font-size: 18px;
    background-position: left top 9px;
  }

  .floorLast {
    margin-bottom: 60px;
  }

  .bannerFloor {
    background: none;
    height: auto;
    display: inline-block;
  }

  .bannerFloorMob {
    width: 100%;
    display: block;
  }
}


/*========================================================
    Installation, restoration, refinishing pages
=========================================================*/
.instPage{
  padding: 100px 0;
}
.instPageWrap{
  width: 80%;
  margin: 0 auto;
}
.instPage h1{
  font-family: inter-bold, arial, sans-serif;
  font-size: 50px;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 100px;
}
.instPage h2{
  margin-bottom: 20px;
}
.instPage p{
  margin-bottom: 30px;
}
.instPageWrap ol{
  padding-top: 30px;
}
.instPageWrap ol li ul li{
  list-style-type: disc;
  padding-top: 4px;
  padding-bottom: 4px;
}
.instPageWrap ul{
  margin-bottom: 30px;
}
.addLeftSpace{
  padding-left: 40px;
}
.addUlForm li{
  list-style-type: disc;
  list-style-position: inside;
  padding-top: 4px;
  padding-bottom: 4px;
}
.instPageWrap ul li span{
  font-family: inter-semibold, arial, sans-serif;
}
.extrForm{
  color: var(--brown);
  font-family: inter-bold, arial, sans-serif;
  font-size: 30px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .instPage h1{
    font-size: 44px;
  }
  .instPageWrap{
    width: 90%;
  }

}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .instPage h1{
    font-size: 44px;
    margin-bottom: 80px;
  }
  .instPageWrap{
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .instPage h1{
    font-size: 36px;
    margin-bottom: 60px;
  }
  .instPageWrap{
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .instPage {
  	padding: 50px 0;
  }
  .instPage h1{
    font-size: 36px;
    margin-bottom: 60px;
  }
  .instPageWrap{
    width: 100%;
  }
  .extrForm{
    font-size: 26px;
  }
  .instPageWrap ol li,
  .addLeftSpace{
    padding-left: 10px;
  }
  .instPageWrap ol {
  	padding-top: 20px;
  }
}

/*========================================================
    Mobile Menu
=========================================================*/
@media only screen and (max-width: 1300px) {

    .smobitrigger,
    .mnuclose {
        display: inline-block;
    }

    .smobitrigger {
        color: transparent;
        width: 30%;
    }

    .smobitrigger {
        background: url("../images/menuopen.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 60px 60px;
        width: 60px;
        height: 60px;
    }

    .mnuclose {
        background: url('../images/menuclose.png');
        background-position: right top;
        background-repeat: no-repeat;
        background-size: 60px 60px;
        color: transparent;
        height: 60px;
        margin: 0 0 10px 0;
        width: 100%;
        text-align: right;
        display: inline-block;
    }

    .menu ul {
        padding: 0 20px;
        overflow-y: auto;
        margin: 0 auto;
        display: inline-block;
    }

    .menu ul li.mlinks,
    .menu ul li.mmlink {
        display: block;
        line-height: 44px;
        text-align: left;
        border-right: none;
    }
    .menu ul li.payBillMob{
      display: block;
      margin: 25px 0 15px;
      text-align: left;
    }
    .menu ul li.dtop {
        display: none;
    }

    .menu ul li.dlink a {
        margin: 0 auto;
        padding: 10px 0 10px 0;
        text-align: center;
        width: 100%;
        font-size: 21px;
        line-height: 1.3;
        text-transform: uppercase;
    }

    .menu ul li.mlinks a {
        font-size: 26px;
        text-align: left;
        padding-left: 0;
    }

    .menu ul li.mmlink a {
        display: inline-block;
        text-transform: capitalize;
        text-align: center;
        font-size: 26px;
        line-height: 20px;
    }

    .menu ul li.mlogo {
        margin: 20px auto 0;
        display: block;
    }

    .menu ul li.mlogo img {
        width: 100%;
        margin: 0 auto 30px;
    }

    .menu ul li.mphone {
        display: block;
        color: #777;
        margin-bottom: 15px;
        text-align: left;
    }

    .menu ul li.mphone span {
        display: block;
        font-size: 16px;
        font-weight: 300;
        color: #777;
    }

    .menu ul li.mphone a {
        font-size: 25px;
        font-weight: 700;
        text-align: left;
    }

    .menu ul li.maddress {
        display: block;
        font-size: 21px;
        line-height: 1.3;
        text-transform: capitalize;
        margin: 35px auto 5px;
        color: #777;
        text-align: left;
    }
    .menu ul li.maddress:nth-child(1){
      border-bottom: 1px solid #a9a9a9;
    }

    .clickForDir {
        font-size: 18px;
        margin-bottom: 3px;
    }

    .menu ul li.maddress span {
        display: block;
    }
    .menu ul li.maddress span:nth-child(1){
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase;
    }

    .menu ul li.maddress a {
        color: #777;
    }



    .menu ul li.mhours {
        display: block;
        font-size: 16px;
        line-height: 1.5;
        margin: 5px auto;
        color: #777;
        text-align: left;
    }

    .menu ul li.mhours span {
        display: block;
    }

    .menu ul li.msocial {
        display: block;
        text-align: left;
        margin: 30px auto 50px;
    }

    .menu ul li.msocial img {
        width: 40px;
        margin: 0 5px;
    }

    .menu ul li.msocial .googleCent img {
        width: 45px;
    }

    .mobimenu {
        padding: 0;
        margin: 0px;
        width: 14.9375em;
        position: fixed;
        height: 100% !important;
        top: 0px;
        left: -24.625em;
    }

    .mnuopn {
        left: 0px !important;
    }

    .ovrActv {
        position: fixed;
        background: rgba(0, 0, 0, 0.79);
        width: 100%;
        height: 100%;
        z-index: 9998;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

    .companyLogo {
        width: 70%;
        margin-right: 0;
    }

    .companyLogo img {
        width: 120px;
        margin-top: 3px;
    }

    .navigation {
        width: 30%;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        text-align: right;
    }

    .tel {
        display: none;
    }

    .telMob {
        display: inline-block;
        width: 50%;
    }

    .telMob img {
        width: 35px;
    }

    .menu {
        width: 50%;
    }

    .menu span {
        display: none;
    }

}

@media only screen and (min-width: 1300px) {
    .menu ul {
        background: none !important;
    }
}
@media only screen and (max-width: 767px) {
    .companyLogo {
        width: 75%;
    }

    .navigation {
        width: 25%;
    }

    .menu {
        width: 100%;
    }

    .outerSticky {
        display: inline-block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 2;
    }

    .stickyFooter {
        background: var(--green);
        color: var(--white);
        padding: 10px 0 20px;
        border-top: 1px solid var(--white);
    }

    .innerStickyFooter {
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
    }

    .centeringSticky {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .innerStickyFooter a img {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
    }

    .innerStickyFooter a p {
        display: inline-block;
        font-size: 24px;
        font-weight: 700;
        font-family: barlowmedium, arial, sans-serif;
        vertical-align: middle;
        color: var(--white);
        padding-left: 10px;
    }

    .innerStickyFooter a p span {
        display: block;
        font-size: 21px;
        font-weight: 400;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 479px) {
    .companyLogo img {
        width: 110px;
    }
}
.sticky1{
    padding: 7px;
}

/*========================================================
    HIDDEN HEADER
=========================================================*/
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 25px!important;
}

/* hidden text */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}
/* end hidden text */

.owl-prev span{
  padding: 10px;
}
.fancybox-slide {
	padding: 10px!important;
}