.lightSlider.lSSlideOuter .lightSlider li img html{height:100%} /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 100; src: local('Raleway Thin Italic'), local('Raleway-ThinItalic'), url(../../../../s/raleway/v12/1Ptqg8zYS_SKggPNyCgwLrFmJfWmxA.woff) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 100; src: local('Raleway Thin Italic'), local('Raleway-ThinItalic'), url(../../../../s/raleway/v12/1Ptqg8zYS_SKggPNyCgwLrFoJfU.woff) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 200; src: local('Raleway ExtraLight Italic'), local('Raleway-ExtraLightItalic'), url(../../../../s/raleway/v12/1Ptpg8zYS_SKggPNyCgwgqB_DNCb_Vo.woff) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 200; src: local('Raleway ExtraLight Italic'), local('Raleway-ExtraLightItalic'), url(../../../../s/raleway/v12/1Ptpg8zYS_SKggPNyCgwgqB_AtCb.woff) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 300; src: local('Raleway Light Italic'), local('Raleway-LightItalic'), url(../../../../s/raleway/v12/1Ptpg8zYS_SKggPNyCgw5qN_DNCb_Vo.woff) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 300; src: local('Raleway Light Italic'), local('Raleway-LightItalic'), url(../../../../s/raleway/v12/1Ptpg8zYS_SKggPNyCgw5qN_AtCb.woff) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 400; src: local('Raleway Italic'), local('Raleway-Italic'), url(../../../../s/raleway/v12/1Ptsg8zYS_SKggPNyCg4Q4FqPfE.woff) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 400; src: local('Raleway Italic'), local('Raleway-Italic'), url(../../../../s/raleway/v12/1Ptsg8zYS_SKggPNyCg4TYFq.woff) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 500; src: local('Raleway Medium Italic'), local('Raleway-MediumItalic'), url(../../../../s/raleway/v12/1Ptpg8zYS_SKggPNyCgwvqJ_DNCb_Vo.woff) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 500; src: local('Raleway Medium Italic'), local('Raleway-MediumItalic'), url(../../../../s/raleway/v12/1Ptpg8zYS_SKggPNyCgwvqJ_AtCb.woff) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 600; src: local('Raleway SemiBold Italic'), local('Raleway-SemiBoldItalic'), url(../../../../s/raleway/v12/1Ptpg8zYS_SKggPNyCgwkqV_DNCb_Vo.woff) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 600; src: local('Raleway SemiBold Italic'), local('Raleway-SemiBoldItalic'), url(../../../../s/raleway/v12/1Ptpg8zYS_SKggPNyCgwkqV_AtCb.woff) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 700; src: local('Raleway Bold Italic'), local('Raleway-BoldItalic'), url(../../../../s/raleway/v12/1Ptpg8zYS_SKggPNyCgw9qR_DNCb_Vo.woff) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 700; src: local('Raleway Bold Italic'), local('Raleway-BoldItalic'), url(../../../../s/raleway/v12/1Ptpg8zYS_SKggPNyCgw9qR_AtCb.woff) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 800; src: local('Raleway ExtraBold Italic'), local('Raleway-ExtraBoldItalic'), url(../../../../s/raleway/v12/1Ptpg8zYS_SKggPNyCgw6qd_DNCb_Vo.woff) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 800; src: local('Raleway ExtraBold Italic'), local('Raleway-ExtraBoldItalic'), url(../../../../s/raleway/v12/1Ptpg8zYS_SKggPNyCgw6qd_AtCb.woff) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 900; src: local('Raleway Black Italic'), local('Raleway-BlackItalic'), url(../../../../s/raleway/v12/1Ptpg8zYS_SKggPNyCgwzqZ_DNCb_Vo.woff) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 900; src: local('Raleway Black Italic'), local('Raleway-BlackItalic'), url(../../../../s/raleway/v12/1Ptpg8zYS_SKggPNyCgwzqZ_AtCb.woff) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 100; src: local('Raleway Thin'), local('Raleway-Thin'), url(../../../../s/raleway/v12/1Ptsg8zYS_SKggPNwE44Q4FqPfE.woff) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 100; src: local('Raleway Thin'), local('Raleway-Thin'), url(../../../../s/raleway/v12/1Ptsg8zYS_SKggPNwE44TYFq.woff) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 200; src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url(../../../../s/raleway/v12/1Ptrg8zYS_SKggPNwOIpWqhPAMif.woff) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 200; src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url(../../../../s/raleway/v12/1Ptrg8zYS_SKggPNwOIpWqZPAA.woff) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; src: local('Raleway Light'), local('Raleway-Light'), url(../../../../s/raleway/v12/1Ptrg8zYS_SKggPNwIYqWqhPAMif.woff) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; src: local('Raleway Light'), local('Raleway-Light'), url(../../../../s/raleway/v12/1Ptrg8zYS_SKggPNwIYqWqZPAA.woff) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: local('Raleway'), local('Raleway-Regular'), url(../../../../s/raleway/v12/1Ptug8zYS_SKggPNyCMIT5lu.woff) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: local('Raleway'), local('Raleway-Regular'), url(../../../../s/raleway/v12/1Ptug8zYS_SKggPNyC0ITw.woff) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; src: local('Raleway Medium'), local('Raleway-Medium'), url(../../../../s/raleway/v12/1Ptrg8zYS_SKggPNwN4rWqhPAMif.woff) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; src: local('Raleway Medium'), local('Raleway-Medium'), url(../../../../s/raleway/v12/1Ptrg8zYS_SKggPNwN4rWqZPAA.woff) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 600; src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(../../../../s/raleway/v12/1Ptrg8zYS_SKggPNwPIsWqhPAMif.woff) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 600; src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(../../../../s/raleway/v12/1Ptrg8zYS_SKggPNwPIsWqZPAA.woff) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; src: local('Raleway Bold'), local('Raleway-Bold'), url(../../../../s/raleway/v12/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; src: local('Raleway Bold'), local('Raleway-Bold'), url(../../../../s/raleway/v12/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 800; src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url(../../../../s/raleway/v12/1Ptrg8zYS_SKggPNwIouWqhPAMif.woff) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 800; src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url(../../../../s/raleway/v12/1Ptrg8zYS_SKggPNwIouWqZPAA.woff) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 900; src: local('Raleway Black'), local('Raleway-Black'), url(../../../../s/raleway/v12/1Ptrg8zYS_SKggPNwK4vWqhPAMif.woff) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 900; src: local('Raleway Black'), local('Raleway-Black'), url(../../../../s/raleway/v12/1Ptrg8zYS_SKggPNwK4vWqZPAA.woff) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Libre Baskerville'; font-style: normal; font-weight: 400; src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), url(../../../../s/librebaskerville/v5/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNXaxMICA.woff) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Libre Baskerville'; font-style: normal; font-weight: 400; src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), url(../../../../s/librebaskerville/v5/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNZaxM.woff) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } body{ font-family: 'Raleway', sans-serif !important; } h2, .h2{ font-size:33px !important; font-family: 'Libre Baskerville', serif !important; } .h2 a{ text-align: center; text-transform: uppercase; color: #000000 !important; font-weight: 400 !important; letter-spacing: 1px; text-decoration:none !important } .h2 a:hover{ color: #a38e44!important; } h4, .h4{ font-size:24px !important; } .container-fuild{ padding: 0 50px; } body > header > .wrapper nav > ul > li > a{ font-size: 14px; font-weight: normal; } body > header > .wrapper a[id="decoraid-logo"]{ width: 290px; margin-top: 13px; } body > header{ height:70px; } li.menu-item:hover>a{ color: #fff !important; } .body > header > .wrapper nav *[rel="book-now"] { color: #a38e44 !important; font-weight:600; } body>header { padding: 0; position: fixed; top: 5px; left: 0; z-index: 9999999; width: 100%; } body > header .wrapper{ max-width: 96.5%; margin: auto; } .wrapper-home{ display: table; width: 100%; text-align: center; padding:189px 0; position: relative; background-size: cover !important; } .wrapper-home h1{ font-size: 100px; color: #ffffff; font-weight: 200; text-transform: uppercase; text-shadow: none;} .wrapper-home h3{ color: #fff; font-family: 'Raleway', sans-serif !important; font-weight: 400; margin-top: 20px; letter-spacing: 4px; font-size:40px !Important; } .wrapper-home h1{ font-size:110px; color: #ffffff; font-weight:300; } .wrapper-home h1{ } .new-btn{ background: #a38e44; color: #fff !important; font-size:18px; text-transform:capitalize; font-weight: 600; text-decoration: none !important; letter-spacing: 1px; padding: 10px 22px; } .wrapper-home .new-btn { display: table; margin: 0 auto; margin-top: 40px; } .city-list li{ display: inline-block; color: #fff; font-size:16px; text-shadow: 2px 2px 1px #171717; font-weight:400; letter-spacing: 1px; width: 10%; } .cities-list .city-list{ position: absolute; left: 0; right: 0; bottom:0px; } .home-page-first-section{ margin-top:50px; } .home-page-first-section p{ font-size:20px; color: #000000; text-align: center; line-height: 1.6; } .howitworks-second-section{ margin-top:25px; } .howitworks-second-section .wb-title{ margin-bottom:55px; } .wb-title{ text-align: center; text-transform: uppercase; color: #000000 !important; font-weight: 400 !important; letter-spacing: 1px; } .title-border{ text-align: center; text-transform: uppercase; color: #000000 !important; font-weight: 400 !important; letter-spacing: 1px; } .title-border:after{ content: ''; background: #a38e44; height: 1px; width:180px; display: table; text-align: center; margin: 0 auto; margin-top:24px; } .title-small-content{ font-size: 25px !important; text-align: center; color: #000000 !important; letter-spacing: 1px; font-weight: 400 !important; margin-top:24px !important; } .howitworks-second-section .nav-tabs{ margin-top:13px; margin-bottom:13px; border: none; } .howitworks-second-section .nav-tabs { margin-top:0; margin-bottom: 14px; } .howitworks-second-section .nav-tabs li.active a, .howitworks-second-section .nav-tabs li.active a:hover, .howitworks-second-section .nav-tabs li.active a:focus{ background: #a38e44; border: solid 1px #a38e44; color: #fff; border-radius: 0; cursor:pointer; letter-spacing: 0.5px; outline:none } .howitworks-second-section .nav-tabs li{ cursor:pointer; margin-right: 0.6%; width: 16.1%; } .howitworks-second-section .nav-tabs li a { border: solid 1px #a38e44; background: #fff; color: #000000; border-radius: 0; font-size: 16px; font-weight: 600; letter-spacing: 0.5px; padding: 14px 26px; margin-right: 25px; width: 100%; text-align: center; } .howitworks-second-section .nav-tabs li:last-child{ float:right; margin-right: 0%; width: 16.5%; } .howitworks-second-section .nav-tabs li a:hover, .howitworks-second-section .nav-tabs li a:focus{ background: #a38e44; border: solid 1px #a38e44; color: #fff; border-radius: 0; cursor:pointer; outline:none; letter-spacing: 0.5px; } .home-tab-content img{ width:100% } .howitworks-second-section .nav-tabs li:last-child a{ margin-right: 0; } .howitworks-second-section .tab-content{ position: relative; } .howitworks-second-section .tab-content .home-content{ position: absolute; top: 0; background: rgba(255, 255, 255, 0.90); width: 580px; height: 442px; margin-top: 85px; margin-left: 62px; } .howitworks-second-section .home-content h3{ font-weight: normal; padding-top:15px; padding-left: 0; font-family: 'Raleway', sans-serif !important; font-weight: 600; text-align: center; } .howitworks-second-section .home-content .home-content-height{ padding-top: 15px; padding-left: 37px; color: #010101; font-size: 22px; line-height: 1.6; font-weight: 400; height: 260px; padding-right: 37px; } .howitworks-second-section .home-content .home-content-height span{ margin-top: 12px; display: table; } .howitworks-second-section .home-content .black-btn{ text-align: center; text-decoration:none; display: table; margin: 0 auto; font-size: 16px; color: #000000; font-weight: 600; letter-spacing: 1px; border: solid 1px #000; padding:10px 21px; margin-top: 22px; } .howitworks-second-section .home-content .black-btn:hover{ background: #a38e44; border: solid 1px #a38e44; color:#fff } .portfolio-second-section{ margin-top:50px; } .portfolio-second-section h2{ margin-bottom:25px; } .portfolio-second-section .container-fuild{ padding: 0; } .portfolio-second-section .owl-item.cloned, .portfolio-second-section .owl-item{ opacity:0.5 } .portfolio-second-section .owl-item.active{ opacity:1; z-index: 999999999999; position: relative; } .portfolio-second-section .owl-item h4 { background: #f3f3f3; font-size: 25px; font-weight: normal; text-align: center; text-decoration:none !important; padding: 40px 30px; color:#000000; margin-top: 0; } .portfolio-second-section .owl-item h4:hover{ background:#a38e44; color:#fff; text-decoration:none !important; } .portfolio-second-section .owl-item .item a:hover{ text-decoration:none !important; } .portfolio-items-list{ margin-top:40px; } .project-portfolio{ position:relative; margin-top:5px; } .project-portfolio .container-fuild{ padding: 0 50px; } .project-portfolio .mySlides .container{ position: absolute; top: 0; margin: 0 auto; left: 0; padding: 0; right: 0; } .project-portfolio .mySlides1 .container{ position: absolute; top: 0; margin: 0 auto; left: 0; padding: 0; height: 100%; right: 0; } .project-portfolio .portfolio-content{ margin-top:60px; z-index: 1; color: #fff; margin-left: -130px; position: relative; width: 445px; } .project-portfolio .portfolio-content h4{ color: #fff; font-size:20px !important; font-weight:400; line-height: 1.4; letter-spacing: 0.5px; } .thumbnil-img-slide{ position: absolute; bottom: 30px; text-align: center; left: 0; right: 0; } .project-portfolio .mySlides{ height: 490px; position: relative; overflow: hidden; } .project-portfolio .mySlides:after{ content: ''; background:rgba(0, 0, 0, 0.43); width: 100%; height: 500px; display: inline-flex; position: absolute; top: 0; } .mySlides1 .press-content span { color: #fff; text-align: center; margin: 0 auto; display: table; background: #fff; width: 26px; height: 2px; line-height: 0; margin-top: 25px; font-size: 0; } .mySlides1 .press-content{ padding-top: 0; height: 100%; vertical-align: middle; align-items: center; display: inline-flex; } .mySlides1 .portfolio-content{ width:100%; height: 100%; } .desktop-press .project-portfolio{ margin-top: 0; } .desktop-press .project-portfolio .portfolio-content h4{ font-size:20px !important } .mySlides1 .press-content{ width: 520px; clear: both; height: 100%; text-align: center; margin: 0 auto; } .mySlides1 .press-content img { width: auto !important; display: inline-block !important; margin-top:20px; } .project-portfolio .mySlides1{ height: 490px; position: relative; overflow: hidden; } .project-portfolio .mySlides1>img{ position: absolute; bottom: 0; } .project-portfolio .mySlides1 .portfolio-content{ margin: 0 auto; } .project-portfolio .mySlides1:after{ content: ''; background:rgba(0, 0, 0, 0.43); width: 100%; height: 500px; display: inline-flex; position: absolute; top: 0; } .project-portfolio .portfolio-content a{ font-size: 25px; font-weight:200; letter-spacing: 1px; color: #fff; text-decoration: none; } .project-portfolio .portfolio-content a span{ margin-left: 25px; } .project-portfolio .mySlides { display: none; } .project-portfolio .mySlides img{ position: absolute; bottom: 0; } .project-portfolio .mySlides1 { display: none; } .project-portfolio .prev, .project-portfolio .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: #000; font-weight: 100; font-size: 50px; } .project-portfolio .next { right:30px; } .project-portfolio .prev { left:30px; } .project-portfolio .prev:hover, .project-portfolio .next:hover { color:#a38e44; } .project-portfolio .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } .decoraid-service-section p{ color: #010101; font-size:20px; text-align: center; font-weight: 400; line-height: 1.6; margin-top: 20px; padding:0 70px 0; } .project-portfolio .column { display: inline-block; width: 130px; margin: 0 5px; cursor: pointer; } .project-portfolio .column img{ height: 73px; width:100%; border: solid 2px #fff; } .project-portfolio .column img.active{ border: solid 3px #fff; } .project-portfolio .column img{ border: solid 3px #a1a1a1; } .project-portfolio .active, .project-portfolio .demo:hover { opacity: 1; } .desktop-press .project-portfolio .column{ width: 90px; } .desktop-press .project-portfolio .column img{ height: 53px; } .grey-bg{ background:#f3f3f3 } .our-designer-section .container-fuild{ padding: 0 50px; } .our-designer-section .our-designer-content h2{ margin: 0; } .our-designer-section p{ color: #010101; font-size: 20px; text-align: center; font-weight: 400; line-height: 1.6; margin-top: 20px; } .our-designer-section .our-designer-content{ padding:100px 0 } .our-designer-section .title-border:after{ margin-top: 25px; } .decoraid-service-section .container-fuild{ padding:0 50px } .decoraid-service-section .title-border:after{ margin-top: 25px; } .decoraid-service-section{ margin-top:100px; } .decoraid-service-list{ margin-top:80px; } .page-template-renovation_new-php .decoraid-service-list{ margin-top:10px; } .decoraid-service-list ul li{ width: 32.8%; display: inline-block; margin-right: 14.5px; } .decoraid-service-list ul li:last-child{ margin-right: 0; float: right; } .decoraid-service-list ul li img{ width:100% } .decoraid-service-list ul li{ overflow:hidden; } .decoraid-service-list ul li a:before{ position: absolute; top: 22px; left: 22px; right: 22px; bottom: 22px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .2s ease; transition: all .2s ease; content: ""; border: 1px solid #fff; opacity: 1; z-index: 1; } .page-template-home_new-php .decoraid-service-list ul li a:before{ top: 15px; left: 23px; right: 23px; bottom: 15px; } .decoraid-service-list ul li:last-child { float: right; margin: 0 0px !important; } .decoraid-service-list ul li a { display:table; -webkit-transform:scale(1.1); transform:scale(1.1); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; width:100% } .desktop-press{ margin-top: -6px; } .decoraid-service-list ul li a:hover{ -webkit-transform:scale(1.04); transform:scale(1.04); } .press-service-section .container-fuild{ padding: 0 50px; } .press-service{ background: #f3f3f3; padding:60px 0 55px 0; margin-top:8px; } .press-service-slider .item{ position:relative; height: 500px; overflow: hidden; } .press-service-slider .item:after{ content: ''; background:rgba(0, 0, 0, 0.48); position: absolute; top: 0; width: 100%; z-index: 1111; height: 100%; } .press-content{ position: absolute; top: 0; z-index:111111; left: 0; right: 0; text-align: center; padding-top: 135px; } .press-service-slider .owl-nav{ display:none } .press-service-slider .owl-dots{ height: 40px; position: absolute; bottom: 0px; left: 0; right: 0; width: 100%; text-align: center; } .press-service-slider .owl-dots .owl-dot{ display:inline-block; } .press-service-slider .owl-dots .owl-dot span{ width:9px; border-radius: 100%; height:9px; background: #fff; display: table; margin-right:7px; } .press-service-slider .owl-dots .owl-dot.active span{ background: #a38e44; } .press-service-slider .press-content img{ width:auto !important; display: inline-block !important; margin-top: 50px; } .press-service-slider .press-content h4 { color: #fff; line-height: 1.5; font-size: 18px !important; font-weight: 400; width: 460px; clear: both; text-align: center; margin: 0 auto; } .press-service-slider .press-content span{ color: #fff; text-align: center; margin: 0 auto; display: table; background: #fff; width: 26px; height: 2px; line-height: 0; margin-top: 25px; font-size: 0; } .connect-us-section .container-fuild{ padding: 0 50px; } .connect-us-section .left-side-img{ width: 66.5%; display: inline-block; float: left; height: 585px; position: relative; overflow: hidden; padding-left: 14px; } .connect-us-section .right-side-img{ width:33.5%; display: inline-block; } .connect-us-section .right-side-img h5{ color: #777777; font-size: 16px; letter-spacing: 0.5px; font-weight: 600; } .connect-us-section .right-side-img ul li{ width: 47.5%; float: left; height: 287px; background: #fff; margin: 0 6px 11px; vertical-align: middle; text-align: center; align-items: center; padding-top: 115px; } .connect-us-section .right-side-img{ padding-bottom: 7px; } .connect-us-section .left-side-img img{ width: 100%; position: absolute; bottom: 0; } .connect-us-section .right-side-img ul li .fa{ font-size: 25px; color: #000; margin-bottom: 10px; } .connect-us-section .connect-us-detail{ background: #f3f3f3; height: 609px; padding-top: 12px; width: 100%; overflow: hidden; } .connect-us-section .right-side-img ul{ padding-left:7px; display: table; line-height: 0; } .connect-us-section .right-side-img ul li ul{ width: 100%; text-align: center; margin: 0 auto; margin-top: 13px; } .connect-us-section .right-side-img ul li ul.social-icon li{ display: inline-block; height: auto; float: none; width: auto; padding-top: 0; margin: 5px; } .connect-us-section .right-side-img ul li ul.social-icon li a{ background: #000; color: #fff; width: 30px; height: 30px; display: table; border-radius: 100%; } .connect-us-section .right-side-img ul li ul.social-icon li a .fa{ font-size: 20px; color: #fff; font-weight: 100; position: relative; top: 6px; } .connect-us-section .right-side-img form { text-align: center; display: table; position: relative; width: 90%; margin: 0 auto; } .connect-us-section .right-side-img form input[type="email"]{ border-radius: 0; border-color: #000; height: 40px; width: 100%; font-size: 16px; margin-left: 0; float: left; margin-right: 0; line-height:19px; padding-left: 5px; padding-right: 44px; } .newsletter-btn{ background: #000; border-radius: 0; color: #fff; font-size: 20px; padding: 0px 16px; border: solid 1px #000 !important; line-height: 2; position: absolute; float: left; height: 40px; width: 40px; right: 0; } .newsletter-btn .fa{ color: #fff !important; } .connect-us-section .right-side-img > ul{ margin-bottom:0; width:100%; } .connect-us-section .right-side-img > ul > li:nth-child(3), .connect-us-section .right-side-img > ul > li:nth-child(4){ margin-bottom:0 } .consultaion-section .h6{ font-size: 32px !important; font-weight: 500 !important; margin-top: 20px !important; } .consultaion-section .h2{ font-size:40px !important; } /* .page-template-renovation_new-php .consultaion-section .h6{ font-size: 22px !important; } .page-template-renovation_new-php .consultaion-section .h2{ font-size:30px !important; } */ .consultaion-section{ padding: 100px 0; text-align: center } .consultaion-section .golden-btn{ margin-top:27px; display: inline-block; font-size: 17px; text-transform: capitalize; } .golden-btn{ background: #a38e44; color: #fff !important; padding: 10px 21px; font-size: 18px; font-weight: 600; text-decoration: none !important; } body > header > .wrapper nav [rel="book-now"]{ line-height:70px; font-weight: 600; } body > header > .wrapper nav [rel="book-now"]:before{ display:none } .how-it-works-btn{ background: #f3f3f3 !important; } /*Footer*/ .footer{ background: #231f20; color: #fff; display: table; width: 100%; } .footer .footer-md{ width: 23%; padding-top: 20px; float: left; display: inline-block; } /*.footer .footer-md:nth-child(4){ float:right }*/ .footer .footer-md:nth-child(3){ position: relative; left: 80px; } .footer .container-fuild { padding: 0 0px 0 230px; margin: 0 auto; } .footer ul li a { color: #dadada; font-size: 16px; text-decoration: none; line-height: 1.8; } .footer .footer-md h4{ font-size: 18px !important; } .footer .footer-md h4 a{ font-size: 18px !important; color:#fff; text-decoration:none; } .footer-logo{ text-align: center; margin-top: 60px; display: table; width: 100%; padding-bottom: 5px; } .copyright{ display: table; padding: 16px 30px 8px; font-size: 18px; width: 100%; border-top: solid 1px #ffffff; background: #231f20; color: #dadada; } .copyright .copyright-2{ width: 39%; float: left; text-align: center; } .copyright .copyright-1, .copyright .copyright-3{ width: 30%; float: left; } .copyright-3 ul { text-align:right } .copyright-3 ul li{ display: inline-block; } .copyright-3 ul li a{ color: #dadada; text-transform: capitalize; text-decoration:none; padding: 0 10px; } .mobile-slider{ display:none } .mobile-footer{ display:none } .mobile-contact-section{ display:none } .mobile-how-it-works{ display:none } .mobile-service-section{ display:none } .footer-sticky h4 span{ font-size: 9pt; margin-bottom: 5px; } .footer-sticky h4 { margin-top:2px; } .page-template-content-blog-php .footer-sticky h4 { margin-top:10px; } .footer-sticky a, .footer-sticky a:hover, .footer-sticky a:focus { border: 1px solid rgb(163,142,68); color: rgb(163,142,68); font-size: 11pt; padding: 4px 14px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; text-decoration:none; margin-left: 20px; text-transform: uppercase; font-family: Raleway,sans-serif; font-weight: 400; } .dark-grey{ background: #000000; } .portfolio-second-section .owl-nav{ display: block !important; } .portfolio-second-section .owl-nav .owl-prev{ display: inline-flex; float: left; position: absolute; top: 0; height:97%; font-size: 0; z-index: 1; left: 18px; vertical-align: middle; align-items: center; } .portfolio-second-section .owl-nav .owl-next{ float: right; display: inline-flex; position: absolute; top: 0; height:97%; font-size: 0; z-index: 1; right: 19px; vertical-align: middle; align-items: center; } .portfolio-second-section .owl-nav .owl-prev:after{ content: "\f104"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:50px; transform: translate(0, 0); } .portfolio-second-section .owl-nav .owl-next:before{ content: "\f105"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:50px; transform: translate(0, 0); } .mobile-how-it-works .owl-nav{ display:none } .portfolio-second-section .owl-nav .disabled { color:#a38e44; } .portfolio-second-section .owl-nav .owl-next:hover, .portfolio-second-section .owl-nav .owl-prev:hover{ color: #a38e44; } .fade { opacity:1 !important; -webkit-animation-name: fade; -webkit-animation-duration: 1.8s; animation-name: fade; animation-duration: 1.8s; } @-webkit-keyframes fade { from { opacity: .5 } to { opacity: 1 } } @keyframes fade { from { opacity: .5 } to { opacity: 1 } } .mobile-project{ display:none } .mobile-portfolio{ display:none } .mobile-press{ display:none } /*Footer*/ .fade{ animation-duration:2.05s !important; -webkit-transition: opacity 2.05s linear !important; -o-transition: opacity 2.05s linear !important; transition: opacity 2.05s linear !important; } .fade.active{ animation-duration:0s !important; } .thumbnil-img-slide{ z-index: 1; } /*-=-=-=-=-=-=-=-=-=-=-=--=Start the Menu-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=*/ html, body { overflow-x: hidden !important; } ul { list-style: none; } h1, h2, h3, h4, h5, h6, ul, figure, img { padding: 0; margin: 0; font-weight: 300; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } body > header > .wrapper nav [rel="book-now"] { position: relative; float: right; background: #000 url(../img/right-white-arrow.svg) no-repeat left center; border: 0; color: #fff; margin-left: 30px; line-height: 80px; padding: 0 30px; border-left: solid 2px #fff; background-size: auto 15px; text-transform: uppercase; height: 70px; font-weight: 500; background-position: 0% 53%; } body > header > .wrapper nav [rel="book-now"] { padding: 0 5px 0 30px !important; } body > header > .wrapper nav *[rel="book-now"] { color: #a48f3e !important; text-decoration: none; } body>header>.wrapper a[id="decoraid-logo"] { width: 300px; height: 50px; position: relative; float: left; background-size: 100%; display: block; margin-top:12px; } body > header > .wrapper nav > ul > li ul { top: 100%; left: 50%; background: transparent url(../img/bottom-black-arrow.svg) no-repeat center top; width: 400px; position: absolute; padding-top: 10px; margin-top: -10px; margin-left: -200px; background-size: auto 10px; } @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont_v-4.3.0.eot"); src: url("../fonts/fontawesome-webfont.eot") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff2"), url("../fonts/fontawesome-webfont_v-4.3.0.woff") format("woff"), url("../fonts/fontawesome-webfont_v-4.3.0.ttf") format("truetype"), url("../fonts/fontawesome-webfont_v-4.3.0.svg") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .fa-plus-circle:before { content: ""; } .fa-minus-circle:before { content: ""; } /* ------------------------------------------------------------ * Button Menu \* ------------------------------------------------------------ */ .button-burger { display: none; position: relative; padding-top: 9px; /* Tablet Portrait */ } .button-burger span { position: relative; display: block; width: 25px; height: 15px; border-top:1px solid #fff; } .button-burger span:before, .button-burger span:after { position: absolute; width: 100%; height:1px; background: #fff; content: ''; } .button-burger span:before { top: -7px; } .button-burger span:after { top: 5px; } .button-burger span:before, .button-burger span:after, .button-burger span { -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .button-burger.active span { border-color: transparent; } .button-burger.active span:before, .button-burger.active span:after { background: #999999; } .button-burger.active span:before { -webkit-transform: rotate(45deg) translate(2.5px, 6px); transform: rotate(45deg) translate(2.5px, 6px); } .button-burger.active span:after { -webkit-transform: rotate(-45deg) translate(2.5px, -6px); transform: rotate(-45deg) translate(2.5px, -6px); } @media (max-width:980px) { .button-burger { display: block; float: right; } .header-inner{ float: right; } body > header > .wrapper nav [rel="book-now"]{ padding: 5px 73px 0 30px !important; } .mobile-nav-trigger{ display:none !important } } /* ------------------------------------------------------------ * Navigation \* ------------------------------------------------------------ */ .new-menu.nav { position: relative; z-index: 200; float: right; } .new-menu.nav ul { list-style: none outside none; } .new-menu.nav > ul { float: left; margin: 0; font-size: 20px; position: relative; top: 1px; } .new-menu.nav > ul > li { position: relative; float: left; margin:0 20px 0 20px; padding: 5px 0 0; } .new-menu.nav > ul > li > span { display: none; } .new-menu.nav > ul > li:nth-child(3) ul li:last-child a{ border-bottom:none } .new-menu.nav > ul > li > a { display: block; font-size: 14px; color: rgb(255,255,255); text-transform: uppercase; text-align: center; line-height:66px; position: relative; float: left; } .new-menu.nav > ul > li > a { -webkit-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; text-decoration:none; } .new-menu.nav > ul > li > a:hover, .new-menu.nav > ul > li > a:focus, .new-menu.nav > ul > li.current-menu-item > a { color:#929292 ; } .new-menu.nav > ul > li > ul { position: absolute; left: 0; top: 100%; width:400px; margin: 0; padding: 0; background: #000; visibility: hidden; opacity: 0; margin-left: -170px; padding:35px 42px 35px 42px; margin-top: -2px; } .new-menu.nav > ul > li > ul li:first-child a { border-top: 0; } .new-menu.nav > ul > li > ul > li + li { margin-top: 0px; } .new-menu.nav > ul > li > ul > li + li:last-child a{ border-bottom:none } .new-menu.nav > ul > li > ul > li > a { color: #fff; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgba(255,255,255,.2); line-height: 26px; text-transform: uppercase; font-size: 14px; width: 100%; display: table; padding: 5px 15px; text-decoration:none; } .new-menu.nav > ul > li > ul > li > a { -webkit-transition: border 0.2s ease-out; -o-transition: border 0.2s ease-out; transition: border 0.2s ease-out; } .new-menu.nav > ul > li > ul > li > a:hover, .nav > ul > li > ul > li.current-menu-item > a { color: #929292; } .new-menu.nav > ul > li:hover > ul { visibility: visible; opacity: 1; } @media (max-width:1024px) { .new-menu.nav > ul > li{ margin: 0 10px 0 10px; } } @media (max-width:980px) { body > header > .wrapper nav [rel="book-now"]{ padding: 0px 13px 0 30px !important; float: left; background: none; color: #a38e44 !important; font-weight: 600; font-size: 14px; float: right; } .new-menu.nav > ul > li > a{ font-size: 14px; } } @media (max-width:980px) { body > header > .wrapper nav [rel="book-now"]{ border:none; text-decoration: none; } .header-inner{ margin-top:30px; } body > header > .wrapper nav [rel="book-now"]{ float:left; padding:0px 33px 0 0 !important } .new-menu.nav { display: none; position: absolute; width: 100%; background: #000; top: 70px; left: 0; } .new-menu.nav > ul { float: none; margin-left: 0; padding-left: 0; padding:25px 30px 32px; } .new-menu.nav > ul > li { float: none; margin: 0; height: auto; padding: 0; border-top:none; display: table; width: 100%; border-bottom: solid 1px #cccccc47; } .new-menu.nav > ul > li > span { display: block; position: absolute; right: 0; top: 0; line-height: 60px; width: 100%; text-align: center; text-align: right; margin-right: 0px; color: #fff; font-size: 40px; cursor: pointer; } .new-menu.nav > ul > li > a { padding:28px 15px; width: auto !important; z-index: 1111; display: unset; position: relative; } .new-menu.nav > ul > li > ul { display: none; position: static; width: auto; visibility: visible; opacity: 1; padding: 0; } .new-menu.nav > ul > li > ul { -webkit-transition: none; -o-transition: none; transition: none; margin-left: 0; margin-top:-15px; clear: both; float: left; width: 100%; } .new-menu.nav > ul > li > ul > li + li { margin-top: 0; } .new-menu.nav > ul > li > ul > li > a { padding:10px 15px 10px; } .new-menu.nav > ul > li > a { font-size: 14px ; line-height: 4px; } } @media (max-width:640px) { .new-menu.nav > ul{ padding: 25px 10px 32px; } .new-menu.nav > ul > li > a{ padding: 20px 15px; } .new-menu.nav > ul > li > span{ line-height: 47px; } .home-content-height .h4{ font-size:16px !important; } } @media (max-width:515px) { body>header>.wrapper a[id="decoraid-logo"]{ width:260px; margin-left: 11px !important; } body>header>.wrapper a[id="decoraid-logo"] img{ width: 100%; } } @media (max-width:480px) { body>header>.wrapper a[id="decoraid-logo"]{ width:190px; } .header-inner{ float: right; margin-top: 20px; } body > header { height: 59px !important; } body > header > .wrapper nav [rel="book-now"]{ right: 40px !important; } .new-menu.nav{ top: 55px; } } @media (max-width:400px) { body>header>.wrapper a[id="decoraid-logo"] { width: 165px; } } @media (max-width:370px) { body>header>.wrapper a[id="decoraid-logo"] { width: 120px; margin-top: 15px; } body > header > .wrapper nav [rel="book-now"]{ padding: 0px 23px 0 0 !important; line-height: 58px; } } /*-=-=-=-=-=-=-=-=-=-=-=--=End the Menu-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=*/ .mc4wp-alert p{ margin-top: 15px; line-height: 1.4; font-size: 13px; color: #000; } /*-=-=-=-=-=-=-=-=-=-=-=--=Renovation New-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=*/ .renovation-first p{ font-size: 20px; line-height: 1.9; width: 85%; margin: 0 auto; margin-bottom:35px; } .renovation-first p:last-child{ margin-top: 0; margin-bottom: 0; } .page-template-renovation_new-php .renovation-first p:last-child { margin-top: auto; margin-bottom: 0; } .owl-one-testimonial{ text-align:center; margin-top: 30px; } .testimonial-content { font-size: 20px; color: #000; font-weight: 400; line-height: 1.4; letter-spacing: 0.5px; } .owl-one-testimonial span{ font-size: 25px; color: #000; padding-top: 5px; display: table; text-align: center; margin: 0 auto; } .renovation-first h2{ text-align: center; color: #000; margin-bottom: 30px; text-transform: uppercase; } .renovation-ser{ margin-top: 0; } .renovation-testimonial .renovation-designer-content{ padding:70px 0 55px; } .renovation-testimonial .owl-nav{ display:none } .renovation-testimonial .owl-dots{ margin-top:30px } .renovation-testimonial .owl-dots .owl-dot { display: inline-block; padding: 0 5px; } .renovation-testimonial .owl-dots .owl-dot span { background: #c9c9c9; width:9px; height:9px; border-radius: 100%; } .renovation-testimonial .owl-dots .owl-dot.active span { background: #a38e44; } .renovation-testimonial .owl-dots .owl-dot span:hover{ background:#949494 } .renovation-portfolio{ padding:120px 0 0 } .renovation-portfolio-list{ margin-top: 60px; } .renovation-portfolio-list ul li{ width: 32.8%; display: inline-block; margin-right: 14.5px; overflow: hidden; margin-bottom:13px; } .renovation-portfolio-list ul li a{ text-decoration:none } .renovation-portfolio-list ul li img{ width:100% } .renovation-portfolio-list ul li a{ text-decoration:none } .renovation-portfolio-list ul li h4{ width: 1000px; background: #f3f3f3; font-size: 22px !important; font-weight: normal; text-align: center; text-decoration: none !important; padding: 20px 20px; color: #000000; /* margin-top: 0; */ height:90px; vertical-align: middle; display: table-cell; position: relative; } .renovation-portfolio-list h4:hover { background: #a38e44; color: #fff; text-decoration: none !important; } .renovation-portfolio-list ul li:nth-child(3) { float: right; margin: 0 0px !important; } .renovation-portfolio-list ul li:nth-child(6) { float: right; margin: 0 0px !important; } .renovation-portfolio-list ul li:nth-child(9) { float: right; margin: 0 0px !important; } .renovation-portfolio-list ul li:nth-child(12) { float: right; margin: 0 0px !important; } .page-template-renovation_new .desktop-press { margin-top: -18px; } .renovation-mobile-portfolio{ display:none } .renovation-first .mobile-slider{ display:none } .renovation-ser ul{ margin-bottom: -7px; } .hide-content{display:none;} .toggle-content{display:none; padding-bottom: 20px;} .screen-1-btn, .screen-2-btn, .screen-3-btn, .screen-4-btn, .screen-5-btn, .screen-6-btn, .screen-7-btn, .screen-8-btn, .screen-9-btn{width:100%;cursor:pointer;} .toggle-content p{font-size: 20px; color: #5c5c5c; text-align: justify; line-height: 1.8; } /*Painting service*/ .painting-ser{ margin-top: 50px !important; } .painting-ser ul li{ width: 31.33%; margin-right: 55px; float: left; background: #f3f3f3; margin-bottom: 50px; height: 100%; padding: 15px; position: relative; overflow: hidden; } .painting-ser ul li img{ position: absolute; left: 0; right: 0; opacity: 0.10; top: 0;} .painting-ser ul li:nth-child(3){ float:right; margin-right:0 } .painting-ser ul li .painting-service-contnet { text-align: center; border: solid 1px #a38e44; padding: 30px 20px; height:310px; width: 2500px; vertical-align: middle; display: table-cell; z-index: 11; position: relative; } .painting-ser ul li .painting-service-contnet a{ font-size: 24px; color: #000; display: table; text-align: center; margin: 0 auto; margin-top: 50px;} .painting-ser ul li h2{ font-family: 'Raleway', sans-serif !important; font-size: 30px; color: #010101; font-weight: 500; letter-spacing: 1px; } .page-template-painting_new-php .painting-ser ul li .painting-service-contnet{height:370px} .page-template-painting_new-php .painting-ser ul li h2{ font-size: 65px !important; text-transform: uppercase; font-weight: 200; line-height: 59px; } .painting-ser ul li p{ color:#000000; font-size:22px; margin-top: 40px; padding: 0; } .title-white{ color:#fff !important } .painting-testimonial .testimonial-content{ color:#fff !Important } .painting-testimonial .owl-one-testimonial span{ color:#fff !important } .renovation-testimonial{margin-top: 18px;} .renovation-testimonial .testimonial-content{ color:#fff !Important } .renovation-testimonial .owl-one-testimonial span{ color:#fff !important } .painting-desktop-portfolio{ padding: 50px 0 0; } .desktop-painting-press .press-service{ background:transparent !important; } .page-template-home_new .decoraid-service-list ul li{ width: 49.6%; margin-right: 14.5px; } .down-arrow-t{ position: absolute; bottom: 55px; right: 0; left: 0; } /*Cities Page*/ .new-banner-design.wrapper-home{ background-position: bottom !important; padding:320px 0; } .page-template-general_contractors_new .new-banner-design.wrapper-home{ padding: 250px 0;} .new-banner-design.wrapper-home h1{ text-shadow: none; font-weight: 200; text-transform: uppercase; } .new-banner-design.wrapper-home h2{ font-size: 50px !important; color: #fff; font-family: 'Raleway', sans-serif !important; font-weight: normal; letter-spacing: 4px; } .new-banner-design.wrapper-home h3{ font-size: 38px !important; color: #fff; font-family: 'Raleway', sans-serif !important; font-weight: 400; margin-top: 80px; } .page-template-general_contractors_new .new-banner-design.wrapper-home h3{ color: #fff; font-family: 'Raleway', sans-serif !important; font-weight: 300; margin-top: 20px; letter-spacing: 4px; font-size:38px !Important; } .page-template-cities_new .new-banner-design.wrapper-home h2,.page-template-before-after-landing-new-php .new-banner-design.wrapper-home h2{ color: #fff; font-family: 'Raleway', sans-serif !important; font-weight: 300; margin-top: 20px; text-transform: uppercase; font-size: 38px !important; letter-spacing: 4px; } .page-template-general_contractors_new .wrapper-home .new-btn{ margin-top: 76px; } .page-template-general_contractors_new .home-page-first-section{ margin-top:20px; margin-bottom:40px; } .page-template-general_contractors_new .home-page-first-section h4{ font-size: 33px !important; color: #000; letter-spacing: 0px; text-align: center; margin-bottom: 25px; text-transform: uppercase; font-family: 'Libre Baskerville', serif !important; } .before-name{ position:relative } .before-name span, .before-name span:hover, .before-name span:focus{ font-size: 45px; color: #fff; position: absolute; right: 60px; cursor:pointer; bottom: 60px; z-index: 11; font-weight: normal; border: solid 4px #fff; padding: 3px 20px; letter-spacing: 2px; text-decoration:none } .view-project{ position: absolute; bottom: 50px; margin-left: 20px; right: 50px; background: transparent; color: #fff; text-transform: uppercase; font-size: 25px; font-weight: 600; letter-spacing: 1px; padding: 8px 20px; text-decoration: none; text-align: right; border: solid 2px #fff; } .left-project{ margin-right: 20px; left: inherit; margin-left: 0; right: 50%;} .view-project:hover, .view-project:focus{ background: #fff; color: #000; text-decoration: none; } .page-template-toronto-new-php .new-banner-design.wrapper-home h2{ letter-spacing: 11px; } .cities-first-content{ padding:70px 0 40px; } .cities-first-content h4{ font-size: 110px !important; font-family: 'Libre Baskerville', serif !important; color: #000000; } .cities-first-content h4 span{ display: table; } .cities-first-content p{ font-size:25px; color:#000000; padding-right: 90px; margin-bottom: 22px; } .cities-first-content a{ font-size: 25px; color:#A38F3E !important; width: 100%; font-weight: 600; text-decoration: none !important; } .page-template-cities_new .cities-list{ position:relative; margin-bottom: 26px; } .page-template-cities_new .cities-list img{ width: 100%; } .page-template-cities_new .cities-list .city-name{ background: rgba(255, 255, 255, 0.65); width:790px; height: auto; color: #000; position: absolute; top: 0; right: 0; margin-top: 60px; text-align: right; padding: 0px 15px 10px; margin-right: 60px; } .page-template-before-after-landing-new-php .cities-list .city-name{ width:900px } .page-template-before-after-landing-new-php .cities-list .city-name h4 span{ display: inline-table; } .page-template-cities_new .cities-list .city-name h4{ font-size:32px !important; font-weight: normal; text-transform: uppercase; } .page-template-cities_new .cities-list .city-name a{ font-size: 25px; color: #000; letter-spacing: 1px; } .cities-side-design .col-md-6 { overflow:hidden; } .cities-side-design{ margin-bottom: 26px; } .cities-side-design .col-md-6 img{ width:100% } .side-city-content{ padding:40px 80px 60px;text-align:center; } .side-city-content h2{ font-family: 'Raleway', sans-serif !important; color: #000; font-size: 100px !important; font-weight:100; text-transform: uppercase; line-height: 76px;text-align: left; letter-spacing: -1px; } .side-city-content h4{ font-family: 'Raleway', sans-serif !important; color: #000; font-size: 50px !important; font-weight: 200; text-transform: uppercase; line-height: 51px; margin-top: 37px; margin-bottom: 42px; text-align: left; letter-spacing: -1px; } .side-city-content p{ font-size: 24px; color: #000; margin-bottom: 30px; padding-right: 100px; line-height: 42px; text-align: justify; word-break: normal; } .before-btn{ border: solid 1px #a38e44; background: #fff; color: #000000; border-radius: 0; font-size: 16px; font-weight: 600; letter-spacing: 0.5px; padding: 14px 26px; margin-right: 25px; margin: 0 auto; text-decoration:none; display: table;text-align: center; margin-top:20px; min-width: 220px;} .before-btn-first{ border: solid 1px #a38e44; background: #fff; color: #000000; border-radius: 0; font-size: 17px !important; font-weight: 600; letter-spacing: 0.5px; padding: 10px 21px; margin: 0 auto; text-decoration:none; display: table; text-align: center; width: auto !important; min-width: 220px;} .before-btn-first:hover, .before-btn-first:focus{background: #a38e44; border: solid 1px #a38e44; color: #fff !important; border-radius: 0; cursor: pointer;text-decoration:none; outline: none; letter-spacing: 0.5px;} .new-btn-set{ position: relative; margin-top: -120px; text-align: center; left:7px;} .new-btn-left{ left: -11px;} .before-btn:hover, .before-btn:focus{background: #a38e44; border: solid 1px #a38e44; color: #fff; border-radius: 0; cursor: pointer;text-decoration:none; outline: none; letter-spacing: 0.5px;} .side-city-content p:last-child{ margin-bottom:0 } .before-img{ width: 528px; height:294px; position: absolute; bottom: 60px; left: 60px; box-shadow: 6px 6px 16px rgba(0, 0, 0, 0.6); } .before-img img{ width:100%; border: solid 4px #d4d4d4 } .before-img .before-text{ position: absolute; bottom: 0; right: 15px; color: #fff; font-size: 30px; } .mobile-version{display:none} .desktop-version img{width:100%} /*Gravity Form*/ .page-template-template-partstpl_booknownew-php, .page-template-tpl_thanknew{background-attachment: fixed !important; background-size: cover !important; overflow-y: auto !important; background-repeat: no-repeat !important; background-position: center top !important;} #gf_progressbar_wrapper_6{display:none} /*.page-template-tpl_booknownew{background:url(../../../uploads/2018/05/signup-1.jpg); margin: 0 auto;} */ .page-template-tpl_thanknew{background:url(../../../uploads/2018/05/signup-3.jpg); margin: 0 auto;} #gform_wrapper_6 .gform_body{ width:520px; background:rgba(255, 255, 255, 0.90); padding: 10px; left: 0; right: 0; margin: 0 auto; height: 650px; overflow: hidden;} #gform_page_6_1, #gform_page_6_2{ border: solid 1px #a38f3e;padding: 20px 30px 40px;width: 100%; height: 100%;} #gform_save_6_link{display:none} #gform_page_6_1 .login-link, #gform_page_6_2 .login-link{display:none} #gform_page_6_1 .gform_page_footer, #gform_page_6_2 .gform_page_footer{border-top: none;margin-top:65px; text-align: center; margin-bottom: 20px;} #gform_page_6_1 input[type="text"], #gform_page_6_1 input[type="text"]:focus, #gform_page_6_2 input[type="text"], #gform_page_6_2 input[type="text"]:focus{ display: table; background: #f3f3f3; border: none; outline: none; padding: 10px 18px; width:90%; font-size: 18px; color: #000000; min-height: 50px; font-weight: 400; margin: 0 auto;} .home-link, .home-link:hover{ text-align: right;float: right;padding: 30px;font-size: 25px;color: #ffffff;text-decoration: none;} .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{ background-color: transparent !important;border-top: none !important; padding-bottom: 0 !important; padding-top: 0 !important;border-bottom: none !important;} #gform_fields_6 li, #gform_fields_6_2 li{ margin-top: 10px; padding-right:0 !important} #gform_wrapper_6 .validation_error{display:none} #gform_page_6_1 input[type="text"]::-webkit-input-placeholder, #gform_page_6_2 input[type="text"]::-webkit-input-placeholder {color: #000000; } #gform_page_6_1 input[type="text"]::-moz-placeholder, #gform_page_6_2 input[type="text"]::-moz-placeholder {color: #000000;} #gform_page_6_1 input[type="text"]:-ms-input-placeholder, #gform_page_6_2 input[type="text"]:-ms-input-placeholder {color: #000000;} #gform_page_6_1 input[type="text"]:-moz-placeholder, #gform_page_6_2 input[type="text"]:-moz-placeholder {color: #000000;} #gform_wrapper_6{ margin: 0 0;} #gform_page_6_1 label, #gform_page_6_2 label{display:none} .logo-update{ width: 100%;text-align: center; margin-bottom:65px;} .logo-update img{ margin-bottom: 20px;} .logo-update h4{ font-family: 'Raleway', sans-serif !important;font-size: 25px !important;color: #000000;} .logo-update h5{font-size: 18px;color: #000000;font-weight:400;margin-top: 30px;} #gform_next_button_6_1, #gform_submit_button_6{ border: solid 1px #a38e44;background-color: #fff;font-size: 16px; text-transform: uppercase;font-weight: 600; min-width:310px;color:#000000;outline:none; min-height: 50px;text-align: center; letter-spacing: 1px;} #gform_next_button_6_1:hover, #gform_next_button_6_1:focus, #gform_submit_button_6:hover, #gform_submit_button_6:focus{background-color:#a38e44; color:#fff;} #gform_previous_button_6{display:none} #input_6_3, #input_6_4, #input_6_9, #input_6_12{ text-transform: capitalize !important;} #gform_page_6_2 .logo-update h5{ margin-top: 15px; line-height: 22px;} #gform_page_6_2 .logo-update h5 span{ display: inherit;} #gform_page_6_2 .logo-update{ margin-bottom: 39px;} #gform_page_6_2 .gform_page_footer{ margin-top: 23px; margin-bottom: 0px;} .page-template-tpl_thanknew .dark-grey, .page-template-tpl_booknownew .dark-grey{ display: none} .page-template-tpl_booknownew #global-components, .page-template-tpl_thanknew #global-components { display: none} .page-template-tpl_booknownew .border-top, .page-template-tpl_thanknew .border-top{display:none} .new-updates{ width: 520px; background: rgba(255, 255, 255, 0.90); padding: 10px; left: 0; right: 0; margin: 0 auto; height: 650px; overflow: hidden;} .new-updates #user-contact{ border: solid 1px #a38f3e; padding: 30px 30px 40px; width: 100%; height: 100%;} .new-updates .booking-button{ border: solid 1px #a38e44; background-color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 600; width:310px !important; color: #000000; outline: none; min-height: 50px; letter-spacing: 1px; text-align: center; margin: 0 auto; display: table; line-height: 3; text-decoration: none; margin-top: 115px; position: relative; left: -5px; } .new-updates .booking-button:hover, .new-updates .booking-button:focus{background-color:#a38e44; color:#fff;} .thanks-content { text-align: center; margin: 132px auto !important; width: 90%; height: 220px; } .thanks-content p { font-size: 18px; color: #000000; font-weight: 400; margin-top: 30px;} .thanks-content h4{ font-family: 'Raleway', sans-serif !important; font-size: 25px !important; color: #000000;} /*Gravity Form New*/ .page-template-tpl_booknow, .page-template-tpl_thanku{overflow-y: auto !important; background-repeat: no-repeat !important; background-position: center top !important; width: 100%; height: 100%; background-size: cover !important; background-attachment: fixed !important;} .page-template-tpl_booknow .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: calc(100% - 0px)!important; } #gf_progressbar_wrapper_3{display:none} .page-template-tpl_thanku{background:url(../../../uploads/2018/05/signup-3.jpg); margin: 0 auto;} #gform_wrapper_3 .gform_body{ width:500px; background:rgba(255, 255, 255, 0.90); padding: 10px; left: 0; right: 0; margin: 0 auto; height: 610px; overflow: hidden; margin-top: 150px;} #gform_page_3_1, #gform_page_3_2{ border: solid 1px #a38f3e;padding: 20px 30px 40px;width: 100%; height: 100%;} #gform_save_3_link{display:none} #gform_page_3_1 .login-link, #gform_page_3_2 .login-link{display:none} #gform_page_3_1 .gform_page_footer, #gform_page_3_2 .gform_page_footer{border-top: none;margin-top:97px; text-align: center; margin-bottom: 20px;} #gform_page_3_1 input[type="text"], #gform_page_3_1 input[type="text"]:focus, #gform_page_3_2 input[type="text"], #gform_page_3_2 input[type="text"]:focus{ background: #f3f3f3;border: none; outline: none;padding: 10px 18px; width: 100%;font-size: 18px;color: #000000; min-height: 50px;font-weight: 400;} .home-link, .home-link:hover{ text-align: right;float: right;padding: 30px;font-size: 25px;color: #ffffff;text-decoration: none;} .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{ background-color: transparent !important;border-top: none !important; padding-bottom: 0 !important; padding-top: 0 !important;border-bottom: none !important;} #gform_fields_3 li, #gform_fields_3_2 li{ margin-top: 10px; padding-right:0 !important} #gform_wrapper_3 .validation_error{display:none} #gform_page_3_1 input[type="text"]::-webkit-input-placeholder, #gform_page_3_2 input[type="text"]::-webkit-input-placeholder {color: #000000; } #gform_page_3_1 input[type="text"]::-moz-placeholder, #gform_page_3_2 input[type="text"]::-moz-placeholder {color: #000000;} #gform_page_3_1 input[type="text"]:-ms-input-placeholder, #gform_page_3_2 input[type="text"]:-ms-input-placeholder {color: #000000;} #gform_page_3_1 input[type="text"]:-moz-placeholder, #gform_page_3_2 input[type="text"]:-moz-placeholder {color: #000000;} #gform_wrapper_3{ margin: 0 0;} #gform_page_3_1 label, #gform_page_3_2 label{display:none} .logo-update{ width: 100%;text-align: center; margin-bottom:35px;} .logo-update img{ margin-bottom: 20px;} .logo-update h4{ font-family: 'Raleway', sans-serif !important;font-size: 25px !important;color: #000000;} .logo-update h5{font-size: 18px;color: #000000;font-weight:400;margin-top: 30px;} #gform_next_button_3_1, #gform_submit_button_3{ border: solid 1px #a38e44; background-color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 600; width: 310px !important; color: #000000; outline: none; min-height: 50px; text-align: center; letter-spacing: 1px; margin-right: 0;} #gform_next_button_3_1:hover, #gform_next_button_3_1:focus, #gform_submit_button_6:hover, #gform_submit_button_3:focus{background-color:#a38e44; color:#fff;} #gform_previous_button_3{display:none} #input_3_3, #input_3_4, #input_3_9, #input_3_12{ text-transform: capitalize !important;} #gform_page_3_2 .logo-update h5{ margin-top: 15px; line-height: 22px;} #gform_page_3_2 .logo-update h5 span{ display: inherit;} #gform_page_3_2 .logo-update{ margin-bottom: 39px;} #gform_page_3_2 .gform_page_footer{ margin-top: 23px; margin-bottom: 0px;} .page-template-tpl_thanku .dark-grey, .page-template-tpl_booknow .dark-grey{ display: none} .page-template-tpl_booknow #global-components, .page-template-template-partstpl_thanku-php #global-components { display: none} .page-template-tpl_booknow .border-top, .page-template-template-partstpl_thanku-php .border-top{display:none} .partial_entry_warning{display:none} .new-updates{ width: 500px; background: rgba(255, 255, 255, 0.90); padding: 10px; left: 0; right: 0; margin: 0 auto; height: 610px; overflow: hidden; margin-top:150px; margin-bottom: 10px;} .new-updates #user-contact{ border: solid 1px #a38f3e; padding: 30px 30px 40px; width: 100%; height: 100%;} .new-updates .booking-button{ border: solid 1px #a38e44; background-color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 600; color: #000000; outline: none; min-height: 50px; width:310px !important; letter-spacing: 1px; text-align: center; margin: 0 auto; display: table; line-height: 3; text-decoration: none; margin-top: 115px; position: relative; left: -5px; } .new-updates .booking-button:hover, .new-updates .booking-button:focus{background-color:#a38e44; color:#fff;} .thanks-content { text-align: center; margin: 130px 0; } .thanks-content p { font-size: 18px; color: #000000; font-weight: 400; margin-top: 30px;} .thanks-content h4{ font-family: 'Raleway', sans-serif !important; font-size: 25px !important; color: #000000;} /*Gravity Form New*/ .page-template-portfolio_individual_new .new-banner-design.wrapper-home{padding: 390px 0;margin-top: 43px;display: inherit;} ::i-block-chrome .page-template-portfolio_individual_new .new-banner-design.wrapper-home{padding:410px 0;margin-top: 43px;display: inherit;} .page-template-portfolio_individual_new .home-page-first-section{ margin-top:10px;} .page-template-portfolio_individual_new .home-page-first-section h1{text-align: center; font-size: 50px !important; font-weight: 400; color: #000000; text-transform: uppercase; line-height: 50px; margin-bottom: 40px;} .page-template-portfolio_individual_new .home-page-first-section p{ width:82%; margin: 0 auto; margin-bottom: 20px; font-size: 20px; color: #000000; text-align: justify; line-height: 1.6; } .page-template-portfolio_individual_new .limited-character p{ width:82%; margin: 0 auto; margin-bottom: 20px; font-size: 20px; color: #000000; text-align: justify; line-height: 1.6; } .limited-character{ padding: 50px 0 0 0;} .page-template-portfolio_individual_new .limited-character p a{ color: #000000; text-decoration: underline;} .page-template-portfolio_individual_new .home-page-first-section p a{font-size: 25px; text-decoration:underline; color:#000;} .page-template-portfolio_individual_new .thumbnil-img-slide{ position: relative;margin-top: 25px; bottom: 0;} .page-template-portfolio_individual_new .desktop-press .project-portfolio .column { width: 16.6%; height: auto; float: left; margin: 0; background: #ccc; } .page-template-portfolio_individual_new .desktop-press .project-portfolio .column img{height:100%; border: none; opacity: 0.5;} .page-template-portfolio_individual_new .desktop-press .project-portfolio .column img.active, .page-template-portfolio_individual_new .desktop-press .project-portfolio .column img:hover{opacity:1} .page-template-portfolio_individual_new .project-portfolio .mySlides1{height:740px; margin: 0 auto;text-align: center;background: #f7f7f7;} .page-template-portfolio_individual_new .project-portfolio .mySlides1:after{display:none} .page-template-portfolio_individual_new .press-service-section .container-fuild{padding:0} .page-template-portfolio_individual_new .project-portfolio .mySlides1>img{position:relative} .page-template-portfolio_individual_new .press-service-section{ margin-top: 30px;} .page-template-portfolio_individual_new .project-portfolio .prev{ left: 0;background: rgba(0, 0, 0, 0.10); padding-left: 30px;padding-right: 30px;} .page-template-portfolio_individual_new .project-portfolio .prev .fa{color:#fff; margin-left: 4px;} .page-template-portfolio_individual_new .project-portfolio .prev{ left: 0;background: rgba(0, 0, 0, 0.10); padding-left: 30px;padding-right: 30px;} .page-template-portfolio_individual_new .project-portfolio .next{right: 0;background: rgba(0, 0, 0, 0.10); padding-left: 30px;padding-right: 30px; display: block;} .page-template-portfolio_individual_new .project-portfolio .fa{color:#fff; margin-right: 4px;} .page-template-portfolio_individual_new .project-portfolio .prev:hover, .page-template-portfolio_individual_new .project-portfolio .next:hover{background:#000;} .project-description{padding:10px 0 30px;} .project-list-description{ width:60%;margin: 0 auto;} .project-description ul{ border-top: solid 1px #000;padding-top:0px;} /* .project-description ul:before{content:''; width:1100px; background:#000; height:1px;} */ .project-description ul li{ width:33%;float: left; text-align: center; position: relative;} .project-description ul li h3{font-size:18px;text-transform: uppercase;color: #000000; margin-bottom:8px} .project-description ul li p{ font-size:17px;color: #000000;text-align: center;line-height: 26px;} .project-description ul li:first-child:after{display:none} .project-description ul li:after{ content: '';background: #000; width: 1px; height:90px;display: table; position: absolute;top: 0; margin-top: 20px;} .social-icon-share ul{ border: none;padding-top: 10px;text-align: center; margin: 0 auto;} .social-icon-share ul li{ float: none;display: inline-block;} .social-icon-share ul li:after{display:none} .project-description ul li:nth-child(4):after{ left: -20px;} .mobile-recent-section{display:none;} .recent-project{background:#f3f3f3;padding:0px 0;} .recent-project .title{font-size: 25px; color: #000000;font-weight: 400; text-align: center; margin-bottom:25px; margin-top:10px} .recent-project ul{ margin: 0 auto;text-align: center;} .recent-project ul li{float:left;width: 23.5%; margin-right: 2%;} .recent-project ul li:last-child{margin-right:0} .recent-project ul li .project-img{ text-align: left; width: 100%;} .recent-project ul li .project-img img{ width: 100%;} .project-detail{text-align: left; margin-top: 15px;} .project-detail h4{ font-size: 20px !important;font-weight: 400; color: #000000;} .project-detail h3{ font-size:18px;text-transform: capitalize;font-weight: 400;letter-spacing: 1px; color: #000;line-height:28px; margin-top: 0;} .project-detail h3 a{ text-transform: capitalize; color: #000; text-decoration:none} .page-template-portfolio_individual_new .consultaion-section { padding: 70px 0;} /* .page-template-portfolio_individual_new .consultaion-section .h2{font-size: 25px !important;color: #000000;} .page-template-portfolio_individual_new .consultaion-section .h6{font-size: 25px !important;} */ .mobile-portfolio-section{display:none} .recent-project { background: #f3f3f3; padding: 0px 0; margin-top: 60px; } .recent-project ul li .project-img { text-align: left; width: 100%; height: 285px; overflow: hidden; } .recent-project ul li .project-img img { width: 100%; } .recent-project .title { font-size: 25px; color: #000000; font-weight: 400; text-align: center; margin-bottom: 25px; margin-top: 30px; } .consultaion-section.consulation-top { padding: 30px 0 0; } .consultaion-section .golden-btn { margin-top: 27px; display: inline-block; font-size: 17px; text-transform: capitalize; background: #fff; border: solid 1px #A38F3E; color: #000 !important; } .consultaion-section .golden-btn:hover { background: #a38e44; border: solid 1px #A38F3E; color: #fff !important; } .recent-pro-link{ margin-top: 100px;} .project-detail { text-align: left; margin-top: 15px; border: solid 1px #A38E44; min-height: 87px; margin-bottom: 5px; padding: 0 0 0 5px; } /*Before and After Individual*/ .home-slide-section .project-portfolio{ height:840px; overflow: hidden;} .home-slide-section .project-portfolio .mySlides1{ height: 100%;} .home-slide-section .project-portfolio .mySlides1>img{position:relative} .home-slide-section .project-portfolio .column{width:150px} .home-slide-section .project-portfolio .column img{height:70px; border:solid 2px #fff} .project-portfolio .column img.active{height:80px;} .project-portfolio .column img.active{height:auto;} .before-after-content{text-align:center;} .before-after-content .home-page-first-section h4{ margin-bottom: 35px;} .before-after-content .home-page-first-section p{ font-size: 20px; width: 100%; text-align: justify;} .before-after-content .new-btn{ display: table; text-align: center; margin: 0 auto; margin-top: 50px; font-size: 16px; background: transparent; border: solid 1px #a38e44; text-transform: unset; color: #a38e44 !important; padding: 12px 20px;} .before-after-content .new-btn:hover{background:#a38e44; color:#fff !important} .ba{margin-bottom: 23px;display: table;width: 100%; text-align: center;} .ba-content{ padding:30px 0 20px; text-align: center;} .ba-content p{ font-size: 20px; width: 100%; line-height: 1.9;color:#000; margin-bottom: 35px; text-align: justify; } .ba_1{ float: left; width: 49.4%; overflow: hidden; text-align: right;} .ba_2{ float:right; width: 49.4%; overflow: hidden; text-align: left;} .ba_1 img, .ba_2 img{width:100%} .ba img{width:100%} .consultaion-section .container{ position: relative;} .consultaion-section .left-link{ position: absolute; top: -50px; left: 0; color: #000; font-size: 18px; font-weight: 400; text-decoration: underline; text-transform: none;} .consultaion-section .right-link{ position: absolute; top: -50px; right: 0; color: #000; font-size: 18px; font-weight: 400; text-decoration: underline; text-transform: none;} #related-project-list { display:none; background: #fff; padding-top: 15px; padding-bottom: 10px; } .hidden-arrow{ display: inline-block; } .visiable-arrow{ display:none; } .viewport-bottom .hidden-arrow{ display: none; } .viewport-bottom .visiable-arrow{ display: inline-block; } .related-portfolio{ position: relative; width: 100%; z-index: 111; bottom: 5px;} .related-portfolio.small{position: fixed;width: 100%; z-index: 111; bottom: 0;} .related-portfolio.intro{position: fixed;width: 100%; z-index: 111;bottom: 0;} /* .related-portfolio.small #related-project-list{display:block} */ .related-portfolio.viewport-bottom #related-project-list{display:block} .related-portfolio.intro.chintan.small #related-project-list{display:none} #open-close-toggle{font-size:18px; color: #000; background: #fff; padding: 7px 20px; text-transform: uppercase; font-weight:500; cursor:pointer; letter-spacing: 1px; margin-left: 100px; text-decoration:none} #open-close-toggle img{ margin-top: -5px;} #related-project-list ul { display: table; width: auto; margin: 12px 20px 12px 20px;} #related-project-list ul li{ width: 24%; float: left; margin-right: 1%;} .related-project{ display: table; width: 100%; vertical-align: middle; height: 140px;} #related-project-list ul li .project-img{ float: left; width: 50%; overflow: hidden; height: 140px;} #related-project-list ul li .related-pro-cont h4{ font-size: 16px !important;} #related-project-list ul li .related-pro-cont a{ font-size: 15px; color: #000; line-height:20px; font-weight: 500;} .related-pro-cont{ display: table; padding: 50px 0px 0 10px;} /* .related-portfolio.intro.chintan.darkHeader #related-project-list{display:none !important;} */ /*Before and after Funcationality Css*/ div.juxtapose { width: 100%; } div.jx-slider { width: 100%; height: 100%; position: relative; overflow: hidden; cursor: pointer; color: #f3f3f3; } div.jx-handle { position: absolute; height: 100%; width: 40px; cursor: col-resize; z-index: 15; margin-left: -20px; } .vertical div.jx-handle { height: 40px; width: 100%; cursor: row-resize; margin-top: -20px; margin-left: 0; } div.jx-control { height: 100%; margin-right: auto; margin-left: auto; width: 10px; background-color: currentColor; } .vertical div.jx-control { height: 3px; width: 100%; background-color: currentColor; position: relative; top: 50%; transform: translateY(-50%); } div.jx-controller { position: absolute; margin: auto; top: 0; bottom: 0; height: 150px; width: 27px; margin-left: -8px; background-color: currentColor; } .vertical div.jx-controller { height: 9px; width: 100px; margin-left: auto; margin-right: auto; top: -3px; position: relative; } div.jx-arrow { position: absolute; margin: auto; top: 0; bottom: 0; width: 0; height: 0; transition: all .2s ease; } .vertical div.jx-arrow { position: absolute; margin: 0 auto; left: 0; right: 0; width: 0; height: 0; transition: all .2s ease; } div.jx-arrow.jx-left { left:-25px; border-style: solid; border-width: 18px 18px 18px 0; border-color: transparent currentColor transparent transparent; } div.jx-arrow.jx-right { right: -25px; border-style: solid; border-width: 18px 0 18px 18px; border-color: transparent transparent transparent currentColor; } .vertical div.jx-arrow.jx-left { left: 0px; top: 2px; border-style: solid; border-width: 0px 8px 8px 8px; border-color: transparent transparent currentColor transparent; } .vertical div.jx-arrow.jx-right { right: 0px; top: auto; bottom: 2px; border-style: solid; border-width: 8px 8px 0 8px; border-color: currentColor transparent transparent transparent; } div.jx-handle:hover div.jx-arrow.jx-left, div.jx-handle:active div.jx-arrow.jx-left { left: -22px; } div.jx-handle:hover div.jx-arrow.jx-right, div.jx-handle:active div.jx-arrow.jx-right { right: -22px; } .vertical div.jx-handle:hover div.jx-arrow.jx-left, .vertical div.jx-handle:active div.jx-arrow.jx-left { left: 0px; top: 0px; } .vertical div.jx-handle:hover div.jx-arrow.jx-right, .vertical div.jx-handle:active div.jx-arrow.jx-right { right: 0px; bottom: 0px; } div.jx-image { position: absolute; height: 100%; display: inline-block; top: 0; overflow: hidden; -webkit-backface-visibility: hidden; } .vertical div.jx-image { width: 100%; left: 0; top: auto; } div.jx-image img { height: 100%; width: auto; z-index: 5; position: absolute; margin-bottom: 0; max-height: none; max-width: none; max-height: initial; max-width: initial; } .vertical div.jx-image img { height: auto; width: 100%; } div.jx-image.jx-left { left: 0; background-position: left; } div.jx-image.jx-left img { left: 0; } div.jx-image.jx-right { right: 0; background-position: right; } div.jx-image.jx-right img { right: 0; bottom: 0; } .veritcal div.jx-image.jx-left { top: 0; background-position: top; } .veritcal div.jx-image.jx-left img { top: 0; } .vertical div.jx-image.jx-right { bottom: 0; background-position: bottom; } .veritcal div.jx-image.jx-right img { bottom: 0; } div.jx-image div.jx-label { font-size: 1em; padding: .25em .75em; position: relative; display: inline-block; top: 0; background-color: #000; /* IE 8 */ background-color: rgba(0,0,0,.7); color: white; z-index: 10; white-space: nowrap; line-height: 18px; vertical-align: middle; } div.jx-image.jx-left div.jx-label { float: left; left: 0; } div.jx-image.jx-right div.jx-label { float: right; right: 0; } .vertical div.jx-image div.jx-label { display: table; position: absolute; } .vertical div.jx-image.jx-right div.jx-label { left: 0; bottom: 0; top: auto; } div.jx-credit { line-height: 1.1; font-size: 0.75em; } div.jx-credit em { font-weight: bold; font-style: normal; } /* Animation */ div.jx-image.transition { transition: width .5s ease; } div.jx-handle.transition { transition: left .5s ease; } .vertical div.jx-image.transition { transition: height .5s ease; } .vertical div.jx-handle.transition { transition: top .5s ease; } /* Knight Lab Credit */ a.jx-knightlab { background-color: #000; /* IE 8 */ background-color: rgba(0,0,0,.25); bottom: 0; display: table; height: 14px; line-height: 14px; padding: 1px 4px 1px 5px; position: absolute; right: 0; text-decoration: none; z-index: 10; display: none; } a.jx-knightlab div.knightlab-logo { display: inline-block; vertical-align: middle; height: 8px; width: 8px; background-color: #c34528; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); top: -1.25px; position: relative; cursor: pointer; } a.jx-knightlab:hover { background-color: #000; /* IE 8 */ background-color: rgba(0,0,0,.35); } a.jx-knightlab:hover div.knightlab-logo { background-color: #ce4d28; } a.jx-knightlab span.juxtapose-name { display: table-cell; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-weight: 300; color: white; font-size: 10px; padding-left: 0.375em; vertical-align: middle; line-height: normal; text-shadow: none; } /* keyboard accessibility */ div.jx-controller:focus, div.jx-image.jx-left div.jx-label:focus, div.jx-image.jx-right div.jx-label:focus, a.jx-knightlab:focus { background: #eae34a; color: #000; } a.jx-knightlab:focus span.juxtapose-name{ color: #000; border: none; } .lSSlideOuter { overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 20px; } .lightSlider:before, .lightSlider:after { content: " "; display: table; } .lightSlider { overflow: hidden; margin: 0; height: 649px !important; } .lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative; } .lSSlideWrapper > .lightSlider:after { clear: both; } .lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform,height; transition-property: transform,height; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important;background: #f7f7f7; } .lSSlideWrapper .lSFade { position: relative; } .lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%; } .lSSlideWrapper.usingCss .lSFade > * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lSSlideWrapper .lSFade > *.active { z-index: 10; } .lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1; } /** /!!! End of core css Should not edit !!!/**/ /* Pager */ .lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center; } .lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 5px; } .lSSlideOuter .lSPager.lSpg > li a { background-color: #222222; border-radius: 30px; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; position: relative; z-index: 99; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; } .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #428bca; } .lSSlideOuter .media { opacity: 0.8; } .lSSlideOuter .media.active { opacity: 1; } /* End of pager */ /** Gallery */ .lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; overflow: hidden; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 15px !important; } .lSSlideOuter .lSPager.lSGallery li { overflow: hidden; -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s; transition: border-radius 0.12s linear 0s 0.35s linear 0s; opacity: 0.5; } .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { opacity:1; } .lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%; width: 100%; } .lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table; } .lSSlideOuter .lSPager.lSGallery:after { clear: both; } /* End of Gallery*/ /* slider actions */ .lSAction > a { width:70px; display: block; top: 50%; height:100px; cursor: pointer; position: absolute; z-index: 99; margin-top: -16px; opacity: 0.1; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; } .lSAction > a:hover { opacity: 1; } .lSAction > .lSPrev { left: 0; background-image: url('../img/left-arrow.png'); } .lSAction > .lSNext { right: 0; background-image: url('../img/right-arrow.png'); } .lSAction > a.disabled { pointer-events: none; } .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; } /* vertical */ .lSSlideOuter.vertical { position: relative; } .lSSlideOuter.vertical.noPager { padding-right: 0px !important; } .lSSlideOuter.vertical .lSGallery { position: absolute !important; right: 0; top: 0; } .lSSlideOuter.vertical .lightSlider > * { width: 100% !important; max-width: none !important; } /* vertical controlls */ .lSSlideOuter.vertical .lSAction > a { left: 50%; margin-left: -14px; margin-top: 0; } .lSSlideOuter.vertical .lSAction > .lSNext { background-position: 31px -31px; bottom: 10px; top: auto; } .lSSlideOuter.vertical .lSAction > .lSPrev { background-position: 0 -31px; bottom: auto; top: 10px; } /* vertical */ /* Rtl */ .lSSlideOuter.lSrtl { direction: rtl; } .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none; } .lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; } .lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li { float: left; text-align: center; background: #f7f7f7; } .lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li { float: right !important; } /* Rtl */ @-webkit-keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @-webkit-keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @-webkit-keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @-webkit-keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } @keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } .lSSlideOuter .rightEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } .lSSlideOuter .leftEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.vertical .rightEnd { -webkit-animation: topEnd 0.3s; animation: topEnd 0.3s; position: relative; } .lSSlideOuter.vertical .leftEnd { -webkit-animation: bottomEnd 0.3s; animation: bottomEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } /*/ GRab cursor */ .lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lSSlideOuter .lightSlider li img{ width:auto; height: 670px;} .single-portfolio_type .page-template-portfolio_individual_new{ margin-top:70px;} .longform-lede-image{ max-height: calc(85vh - 0.375rem); overflow:hidden;} .footer-sticky h4 { color: #fff !important; } .single-post .footer-sticky h4{ margin-top: 10px;} .footer-sticky a, .footer-sticky a:hover, .footer-sticky a:focus{border: solid 1px #fff !important; color: #fff !important;} .footer-sticky a { border: solid 1px #a38e44; color: #a38e44; font-size: 11pt; padding: 4px 14px; border-radius: 2px; margin-left: 20px; text-transform: uppercase; font-family: "Raleway", sans-serif; font-weight: 400; } #gform_3 ul li{position: relative;} #gform_3 .validation_message{ padding-top: 0;position: absolute; bottom: -13px;} /*Singal Block Page Css*/ #singal-block .container{ width: 1280px; position:relative; margin:0 auto; } .button-alignement-blog { width: 82%; margin: 0 auto; margin-top: 50px !important; } .singal-first-section{ text-align: center;} #singal-block{margin-top:0px; background: #fff;} .singal-logo{text-align: center; margin:40px 0 15px;} .singal-logo img{border-bottom: solid 2px #000;padding-bottom:20px;} .signal-block-menu{text-align: center; display: inline-block; text-align: center; width:100%; margin-bottom: 50px;} .signal-block-menu .menu-design li{display: inline-block; z-index: 11; cursor: pointer;} .signal-block-menu .menu-design li a{ font-size:24px; color:#000000 !important; letter-spacing:0.98px; text-align:center;text-decoration: none; padding: 0 8px; position: relative; } .menu-item-has-children{position: relative;} .menu-item-has-children ul li{width: 100%;} .signal-block-menu .menu-design > li:first-child a:before{ content: ''; background: #000; width: 1px; height: 20px; display: block; position: absolute; top: 0; margin-top: 5px; right:-1px;} .previous-blog-button a { text-align: center; line-height: 16px; text-shadow: 0 0 0; padding-left: 6px; font-size: 12px; background: #000; color: #fff !important; padding: 8px 15px; text-transform: uppercase; text-decoration: none !important; float: left; } .previous-blog-button { position: relative; float: left; font-size: 0; } .previous-blog-button a:before { content: "\f0d9"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); padding-right: 10px; } .next-blog-button a:after { content: "\f0da"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); padding-left: 10px; } .next-blog-button { position: relative; float: right; } .next-blog-button a { position: relative; text-align: center; line-height: 16px; text-shadow: 0 0 0; padding-left: 5px; font-size: 12px; background: #000; color: #fff !important; padding: 8px 15px; text-transform: uppercase; font-weight: normal !important; text-decoration: none !important; float: right; } .top-header-second-division{ display: inline-block; float: right; text-align: right; width: 23.8%; position: relative; left: -4px;} .top-social{float:right;margin-bottom:2px;} .top-social li{display:inline-block; padding: 0 7px;} .top-social li:last-child{ padding-right: 0;} .top-social li:first-child{ padding-left: 0;} .top-social-icons-design label{ float: left; font-size: 22px; color: #000000; letter-spacing: 0.48px; text-align: center; font-weight: 300; padding-left: 10px; line-height: 31px;} .top-social li a { color: #fff; background: #000000; width: 31px; height: 31px; border-radius: 100%; float: left; text-align: center; line-height: 35px; font-size: 18px;} .top-social li a img{ background:#fff; } .search-bar-design{ float: right; background: #f5f5f5; border:solid 0px #ffffff; width:96.5%; position: relative; margin-top: 10px;} .search-bar-design input{ background: transparent; border: none; padding:18px 10px; height: 35px; font-size:15px; width:90%;float: left;} .search-bar-design input:focus{outline:none;} .search-bar-design button{ position: absolute; right: 0; top: 0; background: transparent; border: none; color: #787878; font-size: 18px; margin-top: 3px; padding-right: 10px; padding-top: 5px;} .signal-block-menu .sub-menu { display: none; position: absolute; z-index: 1; right: 0; padding-top: 10px; } .signal-block-menu .sub-menu li{ background-color:#fff; min-width: 223px; border: solid 0px #d8d8d8; border-width: 1px 1px 0px 1px; background: #fff; } .signal-block-menu .sub-menu li:last-child{border-bottom:solid 1px #d8d8d8 !important; } .menu-design li .sub-menu a { padding: 0px 12px; text-decoration: none; display: block; text-align: left; font-size: 16px; color: #000000; letter-spacing: 0.32px; line-height: 44px; text-align: left; text-transform: uppercase; } .signal-block-menu .sub-menu a:hover {background-color: #f1f1f1} .menu-item-has-children:hover .sub-menu { display: block; } .singal-block-title{ width: 75%; display: table; text-align: center; padding-left: 14%;} .singal-block-title h1{ width: 80%; font-size: 36px; color: #000000; letter-spacing: 0.72px; text-transform: uppercase; font-weight: 300; text-align: center; margin: 0 auto; margin-top: 0; line-height: 45px; position: relative; left: 0;} /* .first-section-sidebar{width: 20%;float: left;min-height: 100px;background: #f00; position: relative;} .second-section-sidebar{width:60%;float: left;min-height: 100px;background: #f00;} .last-section-sidebar{width: 20%;float: left;min-height: 100px;background: #f00; position: relative;} */ /* #left { position: relative; width: 220px; min-height: 267px; float: left; } #middle { position: relative; width: 745px; margin: 0 auto; margin-left: 5px; } #right { position: absolute; height: 100%; top: 0; width: 312px; float: right; right: 0; } #sidebar{ width: 220px !important; float: left;} */ .content { width:61%; float: left; position: relative; margin: 0; padding: 0 68px; margin-top: -4px; margin-bottom: 50px; } .leftSidebar { width:14%; float: left; padding: 0 0 0 0; position: relative; } .rightSidebar { width: 25%; float: right; padding: 0 0 0 21px; position: relative; } .singal-second-section{ margin-top:70px;} .singal-second-section.desktop-version-singal{ margin-top:10px;} .sharing-icons { width: 90%; border-right: solid 1px #000; padding-top: 10px; padding-bottom:0px; float: right; margin-right: 25px;} .sidebar-title{ font-size: 22px; color: #000000; letter-spacing: 0.48px; text-align: left; font-weight: 400; border-bottom: solid 1px #000; padding: 0 0 10px; margin: 0;} .sidebar-social{ float: left; width: 100%; margin-bottom: 0;} .sidebar-social-icons li a{ font-size: 14px; color: #000000; letter-spacing: 0.32px; text-decoration: none; text-align: left; line-height: 2.3; border-bottom: solid 1px #000; float: left; width: 100%; padding:10px 0 7px; } .sidebar-social-icons li:last-child a{border-bottom:none} .sidebar-social-icons li a .fa{ color: #fff; background: #000000 !important; width: 30px; height: 30px; border-radius: 100%; float: left; text-align: center; line-height: 31px; font-size: 16px; margin-right: 20px;} .sidebar-social-icons li a img{ color: #fff; background: transparent !important; width: 30px; height: 30px; border-radius: 100%; float: left; text-align: center; line-height: 31px; font-size: 16px; margin-right: 20px;} .sidebar-right-title{ font-size: 24px; color: #000000; letter-spacing: 0.48px; text-align: center; font-weight: 400; padding: 0 0 20px; margin: 0; line-height: 17px;} .related-projects-sidebar ul li{ width: 48%; height: 145px; display: inline-block; margin-right: 6px; position: relative; background: #ccc; margin-bottom: 10px;vertical-align: middle;overflow: hidden;} .related-projects-sidebar ul li img{width:100%} .related-projects-sidebar ul li:nth-child(2n){margin-right:0} .related-projects-sidebar ul li:nth-child(7){margin-bottom:0} .related-projects-sidebar ul{margin-bottom:0} .related-projects-sidebar ul li:nth-child(8){margin-bottom:0} .related-projects-sidebar ul li h4{display:none;} .related-projects-sidebar ul li:hover h4{ display: block; font-size: 18px !important; color: #ffffff; letter-spacing: 0.36px; text-align: center; font-weight: 300; vertical-align: middle; z-index: 11; position: absolute; height: 100%; background: hsla(0, 0%, 0%, 0.64); margin: 0; padding-top: 50px; bottom: 0;} #middle p{font-size: 16px; color: #000000; letter-spacing: 0.32px; line-height: 24px; text-align: justify; font-weight: 400; margin-bottom: 24px;} #middle ul li{font-size: 16px; color: #000000; letter-spacing: 0.32px; line-height: 24px; text-align: justify; font-weight: 400; margin-bottom: 24px;list-style: disc; margin-left:17px;} #middle .tag-list ul li{ list-style: none; margin-left: 0; text-align: inherit;} #middle h2{ font-size: 20px !important; color: #000000; letter-spacing: 0.44px; text-align: left; font-family: 'Libre Baskerville', serif !important; text-transform: uppercase; margin-bottom: 24px; margin-top: 49px;} .img-tag{background-color:#f7f7f7;text-align: center !important;} .tag-list label{ font-size: 20px; color: #000000; float: left; letter-spacing: 0.44px; text-align: left; font-weight: 500; } .tag-list ul{ margin-top: 7px; float: left;width: 85%; margin-left: 25px;} .tag-list a{display:inline-block;padding-right:10px;} .tag-list a{font-size:14px; color:#000000; letter-spacing:0.32px; text-transform: capitalize; text-align:left; line-height:15px;margin-bottom: 10px;} .prev-next-btn{ width: 61%; margin: 0 auto; margin-top: 55px; padding-right: 138px;} .single-post .text-button{ text-align: center; line-height: 16px; padding-left: 6px; font-size: 16px; background: #000; color: #fff !important; padding: 13px 22px; text-transform: uppercase; text-decoration: none !important; letter-spacing: 0.32px; font-weight:500; float: left; font-family: 'Raleway', sans-serif !important; width: 190px;} .previous-button a:first-child{ position: absolute; left: 0; width: 188px; z-index: 1; opacity: 0;height: 100%; } .previous-button{ position: relative; font-size: 0; float: left;} .next-button a:first-child{ position: absolute; right: 0; width: 188px; z-index: 1; opacity: 0; height: 100%;} .next-button{ position: relative; font-size: 0; float: right;} .prev-btn:before{content: "\f0d9"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); padding-right: 10px;} .single-post .next-btn{float: right;} .single-post .next-btn:after{ content: "\f0da"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); padding-left: 10px;} .popular-title{ font-size: 24px !important; color: #000000; letter-spacing: 0.48px; text-align: left; font-family: 'Raleway', sans-serif !important; font-weight: 300; border: solid 1px #000; padding: 11px 18px; margin-bottom: 40px;} .popular-blog ul li{ width: 410px; float: left; overflow: hidden; min-height: 293px; margin-right: 25px; margin-bottom:10px;} .popular-blog ul li h4{margin-bottom:10px; margin-top: 10px;} .popular-blog ul li:nth-child(3n){ margin-right: 0;float: right;} .popular-blog ul li:nth-child(4), .popular-blog ul li:nth-child(4) h4{margin-bottom:0} .popular-blog ul li:nth-child(5), .popular-blog ul li:nth-child(5) h4{margin-bottom:0} .popular-blog ul li:nth-child(6), .popular-blog ul li:nth-child(6) h4{margin-bottom:0} .popular-blog ul li .blog-img{ width: 407px;height: 221px;overflow: hidden;} .popular-blog ul li .blog-img img{ width: 100%;} .popular-blog ul li h4 a{font-size: 16px !important;color:#000000;letter-spacing: 0.32px; line-height:16px;text-align: left;text-transform: uppercase;font-weight: 400;margin-top:10px;} .singal-block .golden-btn{background:#97833d;color: #fff !important} .top-sticky-menu{display:none} .top-sticky-menu.darkHeader .top-header-second-division{top:0; left: 0px;} .top-sticky-menu.darkHeader{display:block; background: #fff;padding-top: 15px; position: fixed; width: 100%; top: 0; z-index: 111;} .single-post>header{ position: relative;} .top-sticky-menu .signal-block-menu{width: 67.5%; margin-bottom: 0;text-align: right; padding-right: 20px;} .mobile-version-singal{display:none} .home .wrapper-home:after{content: ''; background: rgba(0, 0, 0, 0.19); position: absolute; top: 0; display: block; width: 100%; height: 100%;} .home .wrapper-home .container{z-index: 1; position: relative;} .home .wrapper-home .city-list{z-index: 1; } .theiaStickySidebar p:first-child{margin-top: 0;} .single-post #web-view{ padding-top:40px;} .single-post #web-view .search.searchform_new{display:none} .single-post #web-view .single.max{display:none} .single-post #global-components{display:none} .single-post .singal-block-footer{display:block !important} .single-post .mag-post{padding:0} .tag-list{font-size:0} .menu-design{ margin-bottom: 10px;} .page-template-content-blog .text-button{z-index:11; position: relative;} .single-post .consultaion-section .h2{font-size: 30px !important;} .single-post .consultaion-section .h6{font-size:24px !important;} .desktop-version-top-singal{position: relative;left: 0px;} .singal-second-section.desktop-version-singal{position: relative;left: 0px;} #footer.singal-second-section{position: relative;left: 0px;} .desktop-hide{display:none} .top-social-icons-design ul li a .fa-instagram{ font-size: 17px; position: relative; top: -2px;} /*start 16-08-2018*/ .single-post #middle div { font-size: 16px; color: #000000; letter-spacing: 0.32px; line-height: 24px; text-align: justify; font-weight: 400; margin-bottom: 24px; } /*end 16-08-2018*/ /*-=-=-=-=--= Neighbourhood service page -=-=-=-=-=--=-=*/ .our-neighbourhood-section ul li{ display: inline-block; width: 23%; float: left; margin: 0 45px 35px 0px;} .our-neighbourhood-section ul li:nth-child(4n){ margin-right: 0; float: right;} .our-neighbourhood-section ul li a{color: #000000; font-size: 16px; border: solid 1px #a38e44; width: 100%; display:table; padding:13px; text-align: center;font-weight: 600; text-decoration: none;} .our-neighbourhood-section ul li a:hover{color:#fff; background:#a38e44} .cities-new-first .new-banner-design.wrapper-home h1{font-size: 100px;font-weight:200;} .cities-new-first .new-banner-design.wrapper-home .h3{font-size: 50px !important; font-weight:300; margin-top: 20px;} .cities-new-first .new-banner-design.wrapper-home .new-btn{ margin-top: 80px; padding: 15px;} .cities-new-first .new-banner-design.wrapper-home .h3{font-size:80px !important; font-weight:300; margin-top: 20px;} .cities-new-second p{ font-weight: 400; font-size: 20px; line-height: 1.6; width: 100%; margin-bottom: 15px; } .page-template-general_contractors_new .home-page-first-section.cities-new-second{ margin-top:40px;margin-bottom:40px;} .cities-new-third{ padding: 40px 0 0;} .cities-new-third .renovation-portfolio-list ul{ margin-bottom: 0;} .cities-new-four.renovation-testimonial{ margin-top: 0;} .cities-new-four .testimonial-content{ color: #000 !important; font-size: 20px; font-weight: 400; line-height: 1.6; text-align: center; margin: 0 auto; margin-top: 50px; margin-bottom: 30px;} .testimonial-content .screen-city-btn{ color: #000; text-decoration: none; font-weight: 600; display: inline; cursor: pointer; margin-left: 10px; font-size: 18px;} .our-neighbourhood-section{ padding: 80px 0 70px;} .our-neighbourhood-section ul{ display: table; margin-top: 60px; width:100%; } .page-template-general_contractors_new .home-page-first-section.cities-new-second h4{margin-bottom: 50px;} .page-template.page-template-city .consultaion-section { padding: 0px 0 80px 0; } .page-template.page-template-city .our-neighbourhood-section { padding: 80px 0 40px; } .mobile-neighbourhood .owl-nav { display: block !important; } .mobile-neighbourhood .owl-nav .owl-prev { display: inline-flex; float: left; position: absolute; top: 0; height: 90%; font-size: 0; z-index: 1; left: 18px; vertical-align: middle; align-items: center; } .mobile-neighbourhood .owl-nav .owl-next { float: right; display: inline-flex; position: absolute; top: 0; height: 90%; font-size: 0; z-index: 1; right: 19px; vertical-align: middle; align-items: center; } .mobile-neighbourhood .owl-nav .owl-next:before { content: "\f105"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 50px; transform: translate(0, 0); } .mobile-neighbourhood .owl-item.cloned, .mobile-neighbourhood .owl-item { opacity: 0.5; } .mobile-neighbourhood .owl-item.active { opacity: 1; } .mobile-neighbourhood .owl-nav .owl-next:before, .mobile-neighbourhood .owl-nav .owl-prev:after { font-size: 45px; } .mobile-neighbourhood .owl-nav .owl-prev:after { content: "\f104"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 50px; transform: translate(0, 0); } .cities-new-first .new-banner-design.wrapper-home .h3 { font-size: 110px !important; } .footer ul#menu-location{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 10px; column-gap: 10px; -moz-column-gap: 10px; z-index: 1; position: relative; } .footer .footer-md:nth-child(4){ width: 24%; } .mobile-neighbourhood{display:none} /*start chandni css 16-08-2018*/ .page-template-city .cities-new-second p.text_gap { margin-top: 85px; } .rightSidebar .theiaStickySidebar.darkHeader1 { position: fixed; top: 0; width: 299px; } /*end chandni css 16-08-2018*/ .decoraid-service-section .h2.title-border { margin-top: 0; } .post-template-default .desktop-version-top-singal .top-header-second-division, .post-template-default .singal-second-section.desktop-version-singal, .post-template-default .rightSidebar, .post-template-default .desktop-version-top-singal { left: 0 !important; } .post-template-default #footer .container{ padding-right: 0 !important; } .post-template-default #footer.singal-second-section { left: 0 !important; } /*-=-=-=-=-=-=-=-=-=-=-=--=Responsive-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=*/ @media screen and (max-width:8000px) and (min-width:6001px) { .side-city-content p { font-size: 105px; color: #000; margin-bottom: 30px; padding-right: 100px; line-height: 197px; } .side-city-content h4{ line-height: 211px; font-size: 210px !important; margin-top: 180px; margin-bottom: 170px; } .side-city-content h2 { font-size: 420px !important; line-height: 319px; } .before-btn { font-size: 104px; padding: 57px 150px; margin-top: 260px;} .home-slide-section .project-portfolio{ height:3750px;} } @media screen and (max-width:6000px) and (min-width:3901px) { .side-city-content p { font-size: 75px; color: #000; margin-bottom: 30px; padding-right: 100px; line-height: 130px; } .side-city-content h4{ line-height: 152px; font-size: 150px !important; margin-top: 140px; margin-bottom: 135px; } .side-city-content h2 { font-size: 320px !important; line-height: 242px; } .before-btn { font-size: 84px; padding: 53px 120px; margin-top: 190px;} .home-slide-section .project-portfolio{ height:2700px;} } @media screen and (max-width:3900px) and (min-width:2881px) { .connect-us-section .left-side-img{ height: 917px; } .connect-us-section .connect-us-detail{ height: 950px; padding-top: 17px; } .connect-us-section .right-side-img ul{ padding-left: 10px; } .decoraid-service-list ul li { width: 33%; margin-right: 15px; } .painting-ser .decoraid-service-list ul li{ width: 31.33%; margin-right:112px; margin-bottom:112px; /* height: 440px; */ } .painting-ser ul li .painting-service-contnet{ height: 410px; } .painting-ser .decoraid-service-list ul li:nth-child(3){ margin-right: 0 !important; } .painting-ser .decoraid-service-list ul li:nth-child(6){ margin-right: 0 !important; } .renovation-portfolio-list ul li{ width: 33%; margin-right: 15px; } .decoraid-service-list ul li a:before{ top: 40px; left: 40px; right: 40px; bottom: 40px; } .page-template-home_new-php .decoraid-service-list ul li a:before{ top: 32px; left: 47px; right: 47px; bottom: 36px; } .connect-us-section .left-side-img img{ width: 100%; } .connect-us-section .left-side-img img{ width: 100%; } .connect-us-section .right-side-img > ul{ width: 100%; } .connect-us-section .right-side-img ul li{ width: 48.8%; height: 453px; padding-top: 180px; } .connect-us-section .right-side-img ul li:first-child, .connect-us-section .right-side-img ul li:nth-child(2){ height: 447px; margin-bottom: 16px; } .connect-us-section .right-side-img ul li:first-child, .connect-us-section .right-side-img ul li:nth-child(3){ width: 48%; margin-right: 11px; } .side-city-content p { font-size: 45px; color: #000; margin-bottom: 30px; padding-right: 100px; line-height: 91px; } .side-city-content h4{ line-height: 101px; font-size: 100px !important; margin-top: 85px; margin-bottom: 80px; } .side-city-content h2 { font-size: 220px !important; line-height: 165px; } .before-btn { font-size: 44px; padding: 23px 60px; margin-top: 100px;} .new-banner-design.wrapper-home{padding:790px 0;} .down-arrow-t{ bottom:55px;} .home-slide-section .project-portfolio{ height: 1788px;} } @media screen and (max-width:2880px) and (min-width:2560px) { .connect-us-section .left-side-img{ height: 679px; } .connect-us-section .right-side-img ul li{ height: 335px; width: 48.3%; padding-top: 140px; } .connect-us-section .right-side-img ul{ padding-left: 9px; } .decoraid-service-list ul li{ width: 32.95%; } .painting-ser .decoraid-service-list ul li{ width: 31.33%; margin-right:83px; margin-bottom:83px; } .painting-ser .decoraid-service-list ul li:nth-child(3){ margin-right: 0 !important; } .painting-ser .decoraid-service-list ul li:nth-child(6){ margin-right: 0 !important; } .renovation-portfolio-list ul li{ width: 32.95%; } .connect-us-section .right-side-img > ul{ width: 100%; } .howitworks-second-section .nav-tabs { margin-bottom: 18px; } .connect-us-section .connect-us-detail{ height: 708px; } .connect-us-section .right-side-img ul li:first-child, .connect-us-section .right-side-img ul li:nth-child(2){ height: 332px; margin-bottom: 12px; } .connect-us-section .right-side-img ul li:first-child, .connect-us-section .right-side-img ul li:nth-child(3){ width: 48.1%; margin-right: 8px; } .page-template-home_new-php .decoraid-service-list ul li a:before{ top: 24px; left: 35px; right: 35px; bottom: 24px; } .side-city-content h2{ line-height: 95px; font-size: 125px !important; } .side-city-content p{ line-height: 62px; font-size: 32px; } .side-city-content h4{ line-height: 61px; font-size: 60px !important; } .before-btn{ font-size: 28px; padding: 18px 26px;} .new-banner-design.wrapper-home{padding:555px 0;} .down-arrow-t{ bottom:55px;} .page-template-portfolio_individual_new .new-banner-design.wrapper-home{padding:630px 0;} .lightSlider{height:1110px !important;} .home-slide-section .project-portfolio{ height: 1170px;} } @media screen and (max-width:2560px) and (min-width:2400px) { .connect-us-section .left-side-img{ height: 679px; } .connect-us-section .right-side-img ul{ padding-left: 10px; } .decoraid-service-list ul li{ width: 32.9%; } .painting-ser .decoraid-service-list ul li{ width: 31.33%; margin-right:74px; margin-bottom: 74px; } .painting-ser .decoraid-service-list ul li:nth-child(3){ margin-right: 0 !important; } .painting-ser .decoraid-service-list ul li:nth-child(6){ margin-right: 0 !important; } .renovation-portfolio-list ul li{ width: 32.9%; } .connect-us-section .connect-us-detail{ height: 656px; } .connect-us-section .right-side-img ul li:first-child, .connect-us-section .right-side-img ul li:nth-child(2){ height: 332px; margin-bottom: 12px; } .connect-us-section .right-side-img ul li:first-child, .connect-us-section .right-side-img ul li:nth-child(3){ width: 48%; margin-right:6px; } .page-template-home_new-php .decoraid-service-list ul li a:before{ top: 20px; left: 30px; right: 30px; bottom: 21px; ; } .new-banner-design.wrapper-home{padding:475px 0;} .down-arrow-t{ bottom:55px;} .page-template-portfolio_individual_new .new-banner-design.wrapper-home{padding:540px 0;} .lSSlideOuter .lightSlider{ height:700px !important;} div.juxtapose{height:800px !important;} .lightSlider{height: 970px !important;} .home-slide-section .project-portfolio{ height: 1170px;} } @media screen and (max-width:2400px) and (min-width:2134px) { .home-slide-section .project-portfolio{ height: 1090px;} .connect-us-section .left-side-img{ height:632px; } .decoraid-service-list ul li{ width:32.85%; margin-right: 15.5px; } .renovation-portfolio-list ul li{ width:32.85%; margin-right: 15.5px; } .painting-ser .decoraid-service-list ul li{ width: 31.33%; margin-right: 69px; margin-bottom: 69px; } .painting-ser .decoraid-service-list ul li:nth-child(3){ margin-right: 0 !important; } .painting-ser .decoraid-service-list ul li:nth-child(6){ margin-right: 0 !important; } _::-moz-range-track, .painting-ser .decoraid-service-list ul li{ margin-right: 61px; margin-bottom: 61px; } .connect-us-section .right-side-img ul li{ width:48%; } .connect-us-section .right-side-img ul{ padding-left: 9px; } .side-city-content h2{ line-height: 94px; font-size: 125px !important; } .side-city-content p{ line-height:50px; } .side-city-content h4{ line-height: 60px; font-size: 60px !important; } .before-btn{ font-size: 28px; padding: 18px 46px;} .new-banner-design.wrapper-home{padding:432px 0;} .down-arrow-t{ bottom:50px;} .page-template-portfolio_individual_new .new-banner-design.wrapper-home{padding:500px 0;} .lSSlideOuter .lightSlider{ height:670px !important;} div.juxtapose{height:800px !important;} .lightSlider{height: 900px !important;} } @media screen and (max-width:2134px) and (min-width:1921px) { .home-slide-section .project-portfolio{ height: 960px;} .lightSlider {height:800px !important;} .connect-us-section .right-side-img ul li{ height:289px; padding-top: 110px; width:47.8%; } .connect-us-section .left-side-img{ height:588px; } .connect-us-section .connect-us-detail{ height: 615px; } .connect-us-section .right-side-img ul{ padding-left: 8px; } .side-city-content p{ line-height:50px; } .side-city-content h4{ line-height:52px; } .before-btn{ font-size: 24px; padding: 16px 40px;} .new-banner-design.wrapper-home{padding: 365px 0;} .down-arrow-t{ bottom: 40px;} .page-template-portfolio_individual_new .new-banner-design.wrapper-home{padding: 440px 0;} .lSSlideOuter .lightSlider{ height:670px !important;} div.juxtapose{height:800px !important;} } @media only screen and (min-width:1921px) { .title-border:after{ height:2px; } } @media only screen and (max-width:1621px) { .cities-new-first .new-banner-design.wrapper-home .h3 { font-size: 80px !important; } .longform-lede-image{ max-height: calc(85vh - 3.375rem); overflow:hidden;} } @media screen and (max-width:1950px) and (min-width:1880px) { .connect-us-section .right-side-img ul li:first-child, .connect-us-section .right-side-img ul li:nth-child(2){ height: 283px; margin-bottom: 13px; } .lSSlideOuter .lightSlider{ height:670px !important;} div.juxtapose{height:800px !important;} } @media screen and (max-width:1895px) and (min-width:1800px) { .title-border:after{ height: 2px; } .renovation-portfolio-list ul li h4{ padding: 20px 10px; } } @media screen and (max-width:1895px) and (min-width:1600px) { .project-detail h3{ font-size: 16px;} .recent-project ul li .project-img{height: 245px;} .lightSlider{height: 630px !important;} .lSSlideOuter .lightSlider li img { width: auto; height: 630px; } div.juxtapose{height:650px !important;} ./* lSSlideOuter .lightSlider{ height:600px !important;} */ .painting-ser ul li{width: 32.65%; margin-right: 15px;} #related-project-list ul li .related-pro-cont{ width: 40%; height: 130px; } .home-slide-section .project-portfolio{height:740px;} .ba_1, .ba_2{width:49.3%} .new-banner-design.wrapper-home{ padding:300px 0;} .down-arrow-t{bottom: 35px;} .cities-list .city-name { width: 420px; } .cities-list .city-name h4 { font-size: 40px !important; } .page-template-home_new .decoraid-service-list ul li{ width: 49.5%; margin-right: 13.2px; } .page-template-home_new .decoraid-service-list ul li a:before{ width: 94.5%; top: 15px; left: 23px; bottom: 16px; right: 22px; } .howitworks-second-section .nav-tabs li a{ padding: 14px 0; margin-right:0; font-size: 14px; } .howitworks-second-section .nav-tabs li{ text-align: center; margin-right: 0.6%; width: 16.1%; } .howitworks-second-section .nav-tabs li:last-child{ margin-right: 0; width: 16.4%; float: right; } .howitworks-second-section .tab-content .home-content{ margin-top: 45px; } .decoraid-service-list ul li{ width: 32.7%; margin-right: 14.4px; } .renovation-portfolio-list ul li{ width: 32.7%; margin-right: 14.4px; } .painting-ser ul li{width: 32.65%; margin-right: 15px;} .painting-ser ul li p{ font-size: 19px;} .connect-us-section .connect-us-detail{ height: 532px; } .connect-us-section .right-side-img ul{ padding-left: 9px; } .connect-us-section .left-side-img{ height: 506px; } .connect-us-section .right-side-img ul li{ padding-top: 90px; height: 248px; width: 47.2%; } .connect-us-section .right-side-img ul li ul.social-icon li{ margin: 2px; } .footer .footer-md:nth-child(4){ position: relative; left: 70px; width: 24%; } .portfolio-second-section .owl-item h4{ padding: 40px 20px; } .footer .container-fuild{ padding: 0 0px 0 130px; } .project-portfolio .portfolio-content{ margin-top: 70px; margin-left: 50px; } .decoraid-service-list ul li a:before{ width: 92.5%; left: 20px; top: 17px; bottom:17px; } .cities-list .city-list{ bottom:00px; } .painting-ser .decoraid-service-list ul li{ width: 31.33%; margin-right:46px; margin-bottom:46px; } .painting-ser .decoraid-service-list ul li:nth-child(3){ margin-right: 0 !important; } .painting-ser .decoraid-service-list ul li:nth-child(6){ margin-right: 0 !important; } .painting-ser .decoraid-service-list ul li p{ padding: 0 0 0; } .renovation-portfolio-list ul li h4{ padding: 20px 10px; font-size: 20px !important; } .side-city-content { padding: 30px 80px 8px; } .side-city-content h2 { font-size: 90px !important; line-height:68px; } .side-city-content h4 { font-size: 38px !important; line-height: 42px; } .side-city-content p { font-size: 19px; margin-bottom: 20px;padding-right: 50px; } .cities-first-content p { font-size: 19px; } .cities-first-content a { font-size: 19px; } .cities-first-content h4 { font-size: 90px !important; } .side-city-content { padding: 30px 40px 10px; } .new-banner-design.wrapper-home h3{ font-size:30px !important } .before-name span, .before-name span:hover, .before-name span:focus{ font-size: 45px; } .new-btn-set { margin-top: -100px; } } @media screen and (max-width:1620px) and (min-width:1600px) { .recent-project ul li .project-img{height: 235px;} .painting-ser .decoraid-service-list ul li{ width: 31.33%; margin-right:45px; margin-bottom:45px; } .side-city-content p { font-size:19px; padding-right: 50px; } .page-template-portfolio_individual_new .new-banner-design.wrapper-home{ padding: 300px 0;} } @media screen and (max-width:1600px) and (min-width:1500px) { .recent-project ul li .project-img{height: 225px;} .project-detail h3{font-size: 15px;} .lightSlider{height:560px !important;} .lSSlideOuter .lightSlider li img { width: auto; height: 560px; } .painting-ser ul li p{height:100px} .painting-ser ul li{width: 32.55%;margin-right: 15px;} div.juxtapose{height:650px !important;} .related-project{ height: auto;} #related-project-list ul li .related-pro-cont{width:50%; padding:20px 0px 0 10px;} #related-project-list ul li .project-img{width: 50%; height: auto;;} #related-project-list ul li .project-img img{width:100%} .home-slide-section .project-portfolio{ height: 680px;} .new-banner-design.wrapper-home{ padding:228px 0;} .page-template-general_contractors_new .new-banner-design.wrapper-home {padding: 165px 0;} .down-arrow-t{ bottom:40px;} .related-pro-cont{ padding: 50px 60px 0 10px;} .page-template-general_contractors_new .down-arrow-t{ bottom:27px;} .page-template-cities_new .down-arrow-t{ bottom:48px;} .before-name span, .before-name span:hover, .before-name span:focus{ font-size: 40px; padding: 4px 25px; } .new-banner-design.wrapper-home h3{ font-size:30px !important } .page-template-general_contractors_new .new-banner-design.wrapper-home h3, .page-template-before-after-landing-new-php .new-banner-design.wrapper-home h2{ letter-spacing: 4px; font-size:30px !Important; } .cities-first-content p { font-size: 19px; } .cities-first-content a { font-size: 19px; } .cities-first-content h4 { font-size: 90px !important; } .page-template-home_new .decoraid-service-list ul li{ width: 49.5%; margin-right: 13.2px; } .page-template-home_new .decoraid-service-list ul li a:before{ width: 94.2%; top: 15px; left: 21px; right: 23px; bottom: 15px; } .howitworks-second-section .nav-tabs li a{ padding: 14px 0; margin-right:0; font-size: 14px; } .howitworks-second-section .nav-tabs { margin-bottom: 11px; } .howitworks-second-section .nav-tabs li{ margin-right: 0.6%; width: 16.1%; text-align: center; } .howitworks-second-section .nav-tabs li:last-child{ margin-right: 0; width: 16.5%; float: right; } .howitworks-second-section .tab-content .home-content{ height: 445px; margin-top: 30px; margin-left: 32px; } .portfolio-second-section .owl-item h4{ padding: 40px 25px; font-size: 22px !important; } .decoraid-service-list ul li{ width: 32.6%; } .renovation-portfolio-list ul li{ width: 32.6%; } .connect-us-section .right-side-img ul li{ padding-top: 80px; height: 215px; width: 47.7%; margin: 0 5px 11px; } .connect-us-section .right-side-img ul li ul.social-icon li{ margin: 2px; } .connect-us-section .right-side-img ul li ul.social-icon li a .fa{ font-size: 17px; top: 5px; } .connect-us-section .right-side-img ul li ul.social-icon li a{ width: 27px; height: 27px; } .connect-us-section .left-side-img{ width: 65%; height: 441px; } .connect-us-section .right-side-img{ width: 35%; } .footer .footer-md:nth-child(4){ position: relative; left: 70px; width: 24%; } .connect-us-section .left-side-img{ padding-left: 9px; } .connect-us-section .connect-us-detail{ height: 460px; padding-top: 9px; } .connect-us-section .right-side-img ul{ padding-left: 4px; } .copyright .copyright-1{ width: 28%; width: 28%; } .copyright .copyright-2{ width: 43%; } .copyright .copyright-3{ width: 28%; } .footer .container-fuild { padding: 0 0px 0 130px; } .project-portfolio .portfolio-content{ margin-top: 70px; margin-left: 50px; } .decoraid-service-list ul li:last-child{ float: right; margin: 0 0px !important; } .decoraid-service-list ul li{ margin-right: 15.5px; } .renovation-portfolio-list ul li{ margin-right: 15.5px; } .desktop-press{ margin-top: -7px; } .decoraid-service-list ul li a:before{ width: 92%; left: 20px; top: 18px; bottom: 17px; } .cities-list .city-list{ bottom:0px; } .painting-ser .decoraid-service-list ul li{ width: 31.33%; margin-right:43px; margin-bottom:43px; /* height: 300px; */ } .painting-ser ul li .painting-service-contnet{ height: 270px; } .painting-ser .decoraid-service-list ul li:nth-child(3){ margin-right: 0 !important; } .painting-ser .decoraid-service-list ul li:nth-child(6){ margin-right: 0 !important; } .painting-ser ul li h2{ font-size: 22px !important; } .painting-ser .decoraid-service-list ul li p{ padding: 0; font-size:18px } .renovation-portfolio-list ul li h4{ padding: 20px 5px; font-size:18px !important; height: 70px; } .cities-first-content h4{ font-size:85px !important; } .side-city-content p { font-size:19px; margin-bottom:28px; line-height:38px; padding-right:0; } .side-city-content h2{ font-size: 80px !important; line-height: 63px; } .side-city-content { padding:30px 50px 10px 40px; } .cities-list .city-name { width: 420px; } .cities-list .city-name h4 { font-size: 40px !important; line-height: 63px; } .page-template-before-after-landing-new .cities-list .city-name h4{ font-size:32px !important; } .before-img{ width: 458px; height: auto; } .side-city-content h4 { font-size: 34px !important; line-height: 39px; } } @media screen and (max-width:1520px) and (min-width:1500px) { .recent-project ul li .project-img{height: 215px;} .painting-ser .decoraid-service-list ul li{ margin-right: 42px; margin-bottom:42px } } @media screen and (max-width:1500px) and (min-width:1400px) { .recent-project ul li .project-img{height: 210px;} .lightSlider{height:570px !important;} .lSSlideOuter .lightSlider li img { width: auto; height: 570px; } div.juxtapose{height:650px !important;} .painting-ser ul li{width: 32.55%;margin-right: 15px;} .page-template-painting_new-php .painting-ser ul li h2{ font-size: 55px !important; line-height: 50px;} .painting-ser ul li p{font-size: 22px;height: 100px;} .painting-ser ul li .painting-service-contnet a{font-size: 22px;} #open-close-toggle{font-size:16px;} .related-project{ height: auto;} #related-project-list ul li .related-pro-cont{width:50%; padding:20px 0px 0 10px;} #related-project-list ul li .project-img{width: 50%; height: auto;;} #related-project-list ul li .project-img img{width:100%} .home-slide-section .project-portfolio { height: 780px; } .before-name span, .before-name span:hover, .before-name span:focus{ font-size:37px; padding: 4px 25px; } .page-template-toronto-new-php .new-banner-design.wrapper-home h2 { letter-spacing: 3px; } .new-banner-design.wrapper-home h3{ font-size:30px !important } .page-template-general_contractors_new .new-banner-design.wrapper-home h3, .page-template-before-after-landing-new-php .new-banner-design.wrapper-home h2{ letter-spacing: 4px; font-size:30px !Important; } .cities-first-content p { font-size: 19px; } .cities-first-content a { font-size: 19px; } .cities-first-content h4 { font-size:75px !important; } .page-template-home_new .decoraid-service-list ul li a:before{ top: 15px; left: 15px; right: 15px; bottom: 15px; } .city-list li{ font-size:19px; } .howitworks-second-section .nav-tabs li a{ margin-right: 0; font-size: 15px; height: 65px; padding: 0; padding: 0 10px; vertical-align: middle; align-items: center; display: grid; } .howitworks-second-section .nav-tabs li{ margin-right: 0.6%; width: 16.1%; text-align: center } .howitworks-second-section .nav-tabs { margin-bottom: 10px; } .howitworks-second-section .nav-tabs li:last-child{ margin-right: 0%; width: 16.5%; float: right; } .howitworks-second-section .tab-content .home-content{ height: 470px; margin-top: 30px; margin-left: 32px; } .portfolio-second-section .owl-item h4{ padding: 40px 25px; font-size:18px !important; } .decoraid-service-list ul li{ width: 32.6%; margin-right: 14.2px; } .renovation-portfolio-list ul li{ width: 32.6%; margin-right: 14.2px; } .howitworks-second-section .tab-content .home-content{ height:361px; } .connect-us-section .right-side-img ul li{ padding-top: 85px; height: 217px; margin: 0 4px 11px; width: 47.8%; } .connect-us-section .right-side-img ul li ul.social-icon li{ margin: 2px; } .connect-us-section .right-side-img ul li ul.social-icon li a .fa{ font-size: 17px; top: 5px; } .connect-us-section .right-side-img ul li ul.social-icon li a{ width: 27px; height: 27px; } .connect-us-section .left-side-img{ width: 66%; padding-left: 9px; height: 445px; } .connect-us-section .connect-us-detail{ height: 462px; padding-top:8px; } .connect-us-section .right-side-img{ width: 34%; } .footer .footer-md:nth-child(4){ position: relative; left: 70px; } .copyright .copyright-1{ width: 28%; width: 28%; } .copyright .copyright-2{ width: 43%; } .copyright .copyright-3{ width: 28%; } .howitworks-second-section .home-content .home-content-height{ height: 190px; } .footer .container-fuild { padding: 0 0px 0 120px; } .our-designer-section p{ font-size: 18px; text-align: center; font-weight: 400; width: 90%; margin: 0 auto; line-height: 1.6; margin-top: 20px; } .cities-list .city-list{ bottom:0px; } .connect-us-section .right-side-img ul{ padding-left:5px; } .connect-us-section .right-side-img ul li:first-child, .connect-us-section .right-side-img ul li:nth-child(2){ height: 220px; margin-bottom: 8px; } .connect-us-section .right-side-img ul li:nth-child(2){ margin-right:0 } .painting-ser .decoraid-service-list ul li{ width: 31.33%; margin-right:42px; margin-bottom:42px; /* height: 300px; */ } .painting-ser ul li .painting-service-contnet{ height: 270px; } .painting-ser .decoraid-service-list ul li:nth-child(3){ margin-right: 0 !important; } .painting-ser .decoraid-service-list ul li:nth-child(6){ margin-right: 0 !important; } .painting-ser ul li h2{ font-size: 22px !important; } .painting-ser .decoraid-service-list ul li p{ padding: 0; font-size:18px } .renovation-portfolio-list ul li h4{ padding: 20px 5px; font-size:17px !important; height: 70px; } .cities-list .city-name { width: 420px; } .cities-list .city-name h4 { font-size: 45px !important; } } @media screen and (max-width:1500px) and (min-width:1400px) { .side-city-content p{ line-height: 38px; } .home-slide-section .project-portfolio{ height:680px;} } /*Start new implementions*/ @media screen and (max-width:1450px) and (min-width:1400px) { .desktop-version-top-singal .top-header-second-division{ position: relative; left: -63px;} .rightSidebar{left: -60px;} #footer .container{ padding-right: 60px;} .popular-blog ul li{ width: 390px;} .top-header-second-division{ width: 24%;} .top-sticky-menu.darkHeader .top-header-second-division { left: 10px; } } @media screen and (max-width:1400px) and (min-width:1351px) { .singal-second-section.desktop-version-singal {position: relative; left: 36px;} #footer.singal-second-section{position: relative;left:36px;} .rightSidebar{position:relative;left: -20px;} .desktop-version-top-singal .top-header-second-division{position: relative;left: -50px;} #footer .container{ padding-right: 60px;} .popular-blog ul li{ width: 390px;} } @media screen and (max-width:1400px) and (min-width:1301px) { .desktop-version-top-singal .top-header-second-division{position: relative;left: -60px;} .desktop-version-top-singal .top-social-icons-design label{ font-size: 20px;} .rightSidebar{left:-23px;} .singal-block-title h1{ font-size: 30px;} #footer .container{ padding-right:40px;} .popular-blog ul li{ width: 396px;} .desktop-version-top-singal .top-header-second-division{width: 22.1%;} .desktop-version-top-singal .top-social li{padding: 0 3px;} .top-sticky-menu .top-social-icons-design label{font-size:20px} .top-sticky-menu .top-social li{ padding: 0 3px;} .top-sticky-menu.darkHeader .top-header-second-division{ left: 13px; width: 22.1%;} } .our-neighbourhood-section ul li{ margin: 0 34px 35px 0px;} } @media screen and (max-width:1361px) and (min-width:1324px) { .our-neighbourhood-section ul li{ margin: 0 33px 35px 0px;} } @media screen and (max-width:1350px) and (min-width:1300px) { .our-neighbourhood-section ul li{ margin: 0 32px 35px 0px;} .rightSidebar{position:relative;left: -60px;} .desktop-version-top-singal .top-header-second-division{position: relative;left: -88px;} .singal-second-section.desktop-version-singal { position: relative; left:36px; } #footer.singal-second-section{position: relative;left:36px;} .rightSidebar { left: -51px !important; } .desktop-version-top-singal .top-header-second-division { width: 22%; } .top-sticky-menu .top-social-icons-design label{font-size:20px} .top-sticky-menu .top-social li{ padding: 0 3px;} .top-sticky-menu.darkHeader .top-header-second-division { top: 0; left: -17px; width: 22.1%; } } @media screen and (max-width:1299px) and (min-width:1201px) { .singal-second-section.desktop-version-singal { position: relative;left:36px;} #footer.singal-second-section{position: relative;left:36px;} .rightSidebar{position:relative;left: -40px;} .desktop-version-top-singal .top-header-second-division{position: relative;left: -77px;} #footer .container{padding-right: 40px;} .popular-blog ul li{width:379px !important;} .desktop-version-top-singal .top-header-second-division { width: 22%; } .desktop-version-top-singal .top-social-icons-design label{ font-size:18px;} .desktop-version-top-singal .top-social li{padding: 0 2px;} .top-sticky-menu .top-social-icons-design label{font-size:18px} .top-sticky-menu .top-social li{ padding: 0 2px;} .top-sticky-menu.darkHeader .top-header-second-division { top: 0; left: -5px; width: 22.1%; } } @media screen and (max-width:1250px) and (min-width:1201px) { .popular-blog ul li{width:372px !important;} } @media screen and (max-width:1300px) and (min-width:1250px) { #footer .container { padding-right: 20px; } } @media screen and (max-width:1286px) and (min-width:1248px) { .our-neighbourhood-section ul li{margin: 0 31px 35px 0px;} } @media screen and (max-width:1247px) and (min-width:1200px) { .our-neighbourhood-section ul li{margin: 0 30px 35px 0px;} } @media screen and (max-width:1220px) and (min-width:1200px) { .recent-project ul li .project-img{height:175px;} .painting-ser .decoraid-service-list ul li{ margin-right: 32px; } .our-neighbourhood-section ul li{margin: 0 29px 35px 0px;} .renovation-portfolio-list ul li{width: 32.3%;} } @media screen and (max-width:1200px) and (min-width:1150px) { .singal-block-title h1{ width: 90% !important;font-size: 26px;} .singal-second-section.desktop-version-singal { position: relative;left:26px;} #footer.singal-second-section{position: relative;left:26px;} .rightSidebar{position:relative;left: -10px;} .desktop-version-top-singal .top-header-second-division{position: relative;left: -80px;} .singal-block-title{ padding-left: 16%;} .desktop-version-top-singal .top-header-second-division{ position: relative;left: -57px; top:0 !important} .desktop-version-top-singal .top-social-icons-design label{ font-size: 18px;} .desktop-version-top-singal .top-social li a{ width: 26px; height: 26px; line-height: 28px;font-size: 13px;} .desktop-version-top-singal .top-header-second-division{ width:21.4% !important;} .desktop-version-top-singal .top-social li{ padding: 0 0px 0 3px;} #footer .container{ padding-right:10px;} .popular-blog ul li{ width: 338px !important;} .top-social-icons-design ul li a .fa-instagram { font-size: 14px; position: relative; top:-0px; } .top-sticky-menu .top-social-icons-design label{font-size:18px} .top-sticky-menu .top-social li{ padding:0 0px 0 3px;} .top-sticky-menu.darkHeader .top-header-second-division { top: 0; left: 15px; width: 21.7%; } .top-sticky-menu .top-social li a{ width: 26px; height: 26px; line-height: 28px; font-size: 13px;} } @media screen and (max-width:1149px) and (min-width:1100px) { .singal-block-title h1{ width: 90% !important;font-size: 22px;} .singal-second-section.desktop-version-singal { position: relative;left:26px;} #footer.singal-second-section{position: relative;left:26px;} .rightSidebar{position:relative;left: -20px;} .desktop-version-top-singal .top-header-second-division{position: relative;left: -80px;} .singal-block-title{ padding-left: 16%;} .desktop-version-top-singal .top-header-second-division{ position: relative;left: -67px; top:0 !important} .desktop-version-top-singal .top-social-icons-design label{ font-size: 16px;} .desktop-version-top-singal .top-social li a{ width: 26px; height: 26px; line-height: 28px;font-size: 13px;} .desktop-version-top-singal .top-header-second-division{ width: 21.4% !important;} .desktop-version-top-singal .top-social li{ padding: 0 0px 0 3px;} #footer .container{ padding-right:20px;} .popular-blog ul li{ width: 335px !important;} .mobile-hide .top-social-icons-design ul li a .fa-instagram { font-size: 14px; position: relative; top: 0px; } .top-social-icons-design ul li a .fa-instagram { font-size: 14px; position: relative; top:-0px; } .top-sticky-menu .top-social-icons-design label{font-size:16px} .top-sticky-menu .top-social li{ padding:0 0px 0 3px;} .top-sticky-menu.darkHeader .top-header-second-division { top: 0; left:6px; width: 21.7%; } .top-sticky-menu .top-social li a{ width: 26px; height: 26px; line-height: 28px; font-size: 13px;} } @media screen and (max-width:1099px) and (min-width:1050px) { .singal-block-title h1{ width:100% !important;font-size: 20px !important;} .singal-second-section.desktop-version-singal { position: relative;left:26px;} #footer.singal-second-section{position: relative;left:26px;} .rightSidebar{position:relative;left:0px;} .desktop-version-top-singal .top-header-second-division{position: relative;left: -80px;} .singal-block-title{ padding-left: 35%;} .desktop-version-top-singal{ position: relative; left: 93px;} .desktop-version-top-singal .top-header-second-division{ position: relative;left: -66px; top:0 !important} .desktop-version-top-singal .top-social-icons-design label{ font-size: 15px; padding-left: 7px;} .desktop-version-top-singal .top-social li a{ width: 26px; height: 26px; line-height: 28px;font-size: 13px;} .desktop-version-top-singal .top-header-second-division{ width: 21.4% !important;} .desktop-version-top-singal .top-social li{ padding: 0 0px 0 3px;} #footer .container{ padding-right:10px;} .popular-blog ul li{ width:312px !important;} .mobile-hide .top-social-icons-design ul li a .fa-instagram { font-size: 14px; position: relative; top: 0px; } .top-social-icons-design ul li a .fa-instagram { font-size: 14px; position: relative; top:-0px; } .top-sticky-menu .top-social-icons-design label{font-size:15px} .top-sticky-menu .top-social li{ padding:0 0px 0 3px;} .top-sticky-menu.darkHeader .top-header-second-division { top: 0; left:26px; width: 21.7%; } .top-sticky-menu .top-social li a{ width: 26px; height: 26px; line-height: 28px; font-size: 13px;} } @media screen and (max-width:1049px) and (min-width:1025px) { .singal-block-title h1{ width:100% !important;font-size: 20px !important;} .singal-second-section.desktop-version-singal { position: relative;left:26px;} #footer.singal-second-section{position: relative;left:26px;} .rightSidebar{position:relative;left: -30px;} .desktop-version-top-singal .top-header-second-division{position: relative;left: -80px;} .singal-block-title{ padding-left: 16%;} .desktop-version-top-singal{ position: relative; left: 93px;} .desktop-version-top-singal .top-header-second-division{ position: relative;left: -97px; top:0 !important} .desktop-version-top-singal .top-social-icons-design label{ font-size: 18px;} .desktop-version-top-singal .top-social li a{ width: 26px; height: 26px; line-height: 28px;font-size: 13px;} .desktop-version-top-singal .top-header-second-division{ width: 21.4% !important;} .desktop-version-top-singal .top-social li{ padding: 0 0px 0 3px;} #footer .container{ padding-right:30px;} .popular-blog ul li{ width:305px !important;} .desktop-version-top-singal .top-social-icons-design label{ font-size: 15px; padding-left: 7px;} .mobile-hide .top-social-icons-design ul li a .fa-instagram { font-size: 14px; position: relative; top: 0px; } .top-social-icons-design ul li a .fa-instagram { font-size: 14px; position: relative; top:-0px; } .top-sticky-menu .top-social-icons-design label{font-size:15px} .top-sticky-menu .top-social li{ padding: 0 0px 0 3px;} .top-sticky-menu.darkHeader .top-header-second-division { top: 0; left: -4px; width: 21.7%; } .top-sticky-menu .top-social li a{ width: 26px; height: 26px; line-height: 28px; font-size: 13px;} } @media screen and (max-width:1024px) and (min-width:992px) { .singal-block-title h1{ width: 70% !important; font-size: 20px !important; margin-left: 170px;} .singal-second-section.desktop-version-singal { position: relative;left:26px;} #footer.singal-second-section{position: relative;left:26px;} .rightSidebar{position:relative;left: -30px;} .desktop-version-top-singal .top-header-second-division{position: relative;left: -80px;} .singal-block-title{ padding-left: 16%;} .desktop-version-top-singal{ position: relative; left: 93px;} .desktop-version-top-singal .top-header-second-division{ position: relative;left: -97px; top:0 !important} .desktop-version-top-singal .top-social-icons-design label{ font-size: 18px;} .desktop-version-top-singal .top-social li a{ width: 22px; height: 22px; line-height: 24px; font-size: 11px; margin-top: 4px;} .desktop-version-top-singal .top-header-second-division{ width: 21.3% !important;} .desktop-version-top-singal .top-social li{ padding:0 0px 0 3px;} #footer .container{ padding-right:30px;} .popular-blog ul li{ width:298px !important;} .mobile-hide .top-social-icons-design ul li a .fa-instagram { font-size: 13px; position: relative; top: 1px; } .top-social-icons-design ul li a .fa-instagram { font-size: 12px; position: relative; top:-0px; } .top-sticky-menu .top-social-icons-design label{font-size:18px} .top-sticky-menu .top-social li{ padding: 0 0px 0 3px;} .top-sticky-menu.darkHeader .top-header-second-division { top: 0; left: -4px; width: 21.7%; } .top-sticky-menu .top-social li a{ width: 22px; height: 22px; line-height: 24px; font-size: 11px; margin-top: 4px;} } @media screen and (max-width:991px){ .top-sticky-menu.darkHeader .top-header-second-division { top: 0; left: 0; } .desktop-version-top-singal { position: relative; left: 0; } .singal-second-section.desktop-version-singal { position: relative; left: 0; } #footer.singal-second-section { position: relative; left: 0; } } /*End new implementions*/ @media screen and (max-width:1430px) and (min-width:1400px) { .recent-project ul li .project-img{height: 200px;} } @media screen and (max-width:1400px) and (min-width:1300px) { .prev-next-btn{ width: 53.5%; margin: 0 auto; margin-top: 55px; padding-right: 68px;} .recent-project ul li .project-img{height:195px;} .page-template-portfolio_individual_new .home-page-first-section { margin-top: 0px; } div.juxtapose{height:600px !important;} .painting-ser ul li{width: 32.50%;margin-right: 15px;} .page-template-painting_new-php .painting-ser ul li h2{font-size:45px !important; line-height: 50px;} .painting-ser ul li p{font-size:18px; height: 100px;} .painting-ser ul li .painting-service-contnet a{font-size:18px;} #open-close-toggle{font-size:16px;} .side-city-content p{ line-height: 35px; } .new-btn-set{ margin-top: -80px;} .home-slide-section .project-portfolio{ height:570px;} } @media screen and (max-width:1483px) and (min-width:1400px) { .painting-ser .decoraid-service-list ul li{ margin-right: 40px; margin-bottom: 40px; } .new-banner-design.wrapper-home h3{ font-size: 30px !important; } .page-template-general_contractors_new .new-banner-design.wrapper-home h3, .page-template-before-after-landing-new-php .new-banner-design.wrapper-home h2{ letter-spacing: 4px; font-size:30px !Important; } .cities-list .city-name h4{ font-size:40px !important; } .cities-list .city-name{ width: 420px; } .cities-list .city-name a { font-size: 22px; } .page-template-before-after-landing-new .cities-list .city-name h4{ font-size:28px !important; } .page-template-before-after-landing-new .cities-list .city-name a { font-size: 22px; } .before-img{ width: 380px; height: auto; } .page-template-before-after-landing-new-php .cities-list .city-name { width:900px; } .before-img .before-text{ font-size: 20px; bottom: 10px; } } @media screen and (max-width:1420px) and (min-width:1400px) { .painting-ser .decoraid-service-list ul li{ margin-right:37px; margin-bottom:37px; } } @media screen and (max-width:1400px) and (min-width:1300px) { /* .lSSlideOuter .lightSlider { height:470px !important; } */ .lightSlider{height: 470px !important;} .lSSlideOuter .lightSlider li img { width: auto; height: 470px; } .related-project{ height: auto;} #related-project-list ul li .related-pro-cont{width:50%; padding:20px 0px 0 10px;} #related-project-list ul li .project-img{width: 50%; height: auto;;} #related-project-list ul li .project-img img{width:100%} #related-project-list ul li .related-pro-cont a{ line-height: 20px;font-size: 15px;} .before-name span, .before-name span:hover, .before-name span:focus{ font-size:34px; padding: 4px 25px; } .page-template-before-after-landing-new-php .cities-list .city-name { width: 800px; } .page-template-before-after-landing-new .cities-list .city-name h4{ font-size:28px !important; } .connect-us-section .right-side-img ul{ padding-left:3px; padding-right: 2px; } .city-list li{ font-size:19px; } .howitworks-second-section .nav-tabs li a{ margin-right: 0; font-size: 14px; height: 60px; padding: 0; vertical-align: middle; display: grid; align-items: center; padding-left: 10px; padding-right: 10px; } .howitworks-second-section .nav-tabs li:last-child{ float: right; width: 16.9%; margin-right: 0; } .howitworks-second-section .nav-tabs li{ text-align: center; margin-right: 0.6%; width: 16%; } .howitworks-second-section .nav-tabs { margin-bottom: 11px; } .howitworks-second-section .tab-content .home-content{ height: 470px; margin-top: 30px; margin-left: 32px; } .portfolio-second-section .owl-item h4{ padding: 40px 15px; font-size:17px !important; } .decoraid-service-list ul li{ width: 32.6%; margin-right: 13.3px; } .renovation-portfolio-list ul li{ width: 32.6%; margin-right: 13.3px; } .howitworks-second-section .tab-content .home-content{ height:332px; } .connect-us-section .right-side-img ul li{ padding-top: 70px; height: 215px; width: 47.7%; margin-right: 2px; } .connect-us-section .connect-us-detail{ height: 456px; } .connect-us-section .right-side-img ul li ul.social-icon li{ margin: 2px; } .connect-us-section .right-side-img ul li ul.social-icon li a .fa{ font-size: 17px; top: 5px; } .connect-us-section .right-side-img ul li ul.social-icon li a{ width: 27px; height: 27px; } .connect-us-section .left-side-img{ width: 66%; height:441px; padding-left: 8px; } .connect-us-section .connect-us-detail{ height: 455px; padding-top: 7px; } .connect-us-section .right-side-img{ width:34%; } .footer .footer-md:nth-child(4){ position: relative; left: 70px; } .copyright .copyright-1{ width: 28%; font-size: 15px; } .copyright .copyright-2{ width: 43%; font-size: 15px; } .copyright .copyright-3{ width: 28%; font-size: 15px; } .howitworks-second-section .home-content .home-content-height{ font-size: 15px; height: 180px; } .project-portfolio .portfolio-content h4{ font-size: 21px !important; } .project-portfolio .mySlides{ height: 450px; } .project-portfolio .mySlides1{ height: 450px; } h2, .h2{ font-size: 32px !important; } h4, .h4{ font-size: 20px !important; } .footer .container-fuild { padding: 0 0px 0 90px; } .footer-sticky h4 { margin-top: 5px; } .press-service-slider .item{ height: 450px; } .cities-list .city-list{ bottom:0px; } .connect-us-section .right-side-img ul li:first-child, .connect-us-section .right-side-img ul li:nth-child(2){ height: 216px; margin-bottom: 8px; } .painting-ser .decoraid-service-list ul li{ width: 31.33%; margin-right:38px; margin-bottom:38px; /* height: 300px; */ } .painting-ser ul li .painting-service-contnet{ height: 270px; } .painting-ser .decoraid-service-list ul li:nth-child(3){ margin-right: 0 !important; } .painting-ser .decoraid-service-list ul li:nth-child(6){ margin-right: 0 !important; } .painting-ser ul li h2{ font-size: 20px !important; } .painting-ser .decoraid-service-list ul li p{ padding: 0; font-size:18px } .renovation-portfolio-list ul li h4{ padding: 20px 5px; font-size:15px !important; height: 70px; } .cities-list .city-name { width: 420px; } .cities-list .city-name h4 { font-size: 40px !important; } .new-banner-design.wrapper-home h3{ font-size:30px !important } .page-template-general_contractors_new .new-banner-design.wrapper-home h3, .page-template-before-after-landing-new-php .new-banner-design.wrapper-home h2{ letter-spacing: 4px; font-size:30px !Important; } .cities-first-content p { font-size: 19px; } .cities-first-content a { font-size: 19px; } .cities-first-content h4 { font-size:70px !important; } .before-img { width: 350px; height: auto; } .before-img img { border: solid 3px #d4d4d4; } } @media screen and (max-width:1350px) and (min-width:1300px) { .recent-project ul li .project-img{height:185px;} .painting-ser .decoraid-service-list ul li{ margin-right: 35px; margin-bottom: 35px; } .side-city-content p{ padding-right: 0; font-size: 18px; } .side-city-content { padding: 30px 40px 8px; } } @media screen and (max-width:1500px) and (min-width:1300px) { .project-list-description{width:65%} .project-description ul li p{ font-size: 16px;} .page-template-toronto-new-php .new-banner-design.wrapper-home h2 { letter-spacing: 3px; } .wrapper-home h1{ font-size:110px; } .city-list li { font-size: 16px; } .wrapper-home .new-btn{ font-size: 18px; } .howitworks-second-section{ margin-top:30px; } .howitworks-second-section .nav-tabs li a{ font-size: 11px; height: 42px; display: table; padding-top: 10px; } h2, .h2{ font-size: 26px !important; } .page-template-general_contractors_new .home-page-first-section h4{ font-size: 26px !important;} .howitworks-second-section .home-content .home-content-height{ font-size: 16px; } .howitworks-second-section .tab-content .home-content{ width: 430px; } .our-designer-section .our-designer-content{ padding: 57px 0; } .decoraid-service-section{ margin-top: 0px; } .consultaion-section{ padding: 57px 0; } .page-template-before-after-individual .consultaion-section{ padding:100px 0; } .footer ul li a{ font-size: 16px; line-height: 1.7; } .portfolio-items-list{ margin-top:35px; } .project-portfolio .portfolio-content h4{ font-size: 18px !important; } .decoraid-service-section p{ font-size: 16px; font-weight: 400; } .our-designer-section p{ font-size: 18px; text-align: center; font-weight: 400; width:80%; margin: 0 auto; line-height: 1.6; margin-top: 20px; } body > header > .wrapper nav > ul > li > a{ font-size:14px } .decoraid-service-list ul li a:before{ top: 12px; left: 14px; right: 13px; bottom: 12px; } .page-template-home_new .decoraid-service-list ul li a:before{ top: 15px; left: 19px; right: 19px; bottom: 15px; } .portfolio-second-section .owl-item h4{ padding: 30px 30px; } .press-service-slider .item{ height:360px; } .press-content{ padding-top:65px; } .press-service-slider .press-content img{ margin-top: 23px; } .press-service-slider .press-content h4{ font-size: 18px !important; } .project-portfolio .mySlides{ height: 410px; } .project-portfolio .mySlides1{ height: 410px; } .project-portfolio .portfolio-content { margin-top: 70px; margin-left: 50px; } .mySlides1 .press-content img{ margin-top:10px; } .desktop-press{ margin-top: -7px; } .title-small-content{ font-size:18px !important; font-weight:400 !important } .consultaion-section .h4{ font-size: 18px !important; } .home-page-first-section p{ font-size: 18px; } .our-designer-section p{ font-size:16px; } .page-template-home_new .decoraid-service-list ul li { width: 49.3%; margin-right: 14.5px; } .side-city-content { padding:30px 50px 10px 40px; } .page-template-portfolio_individual_new .new-banner-design.wrapper-home {padding:300px 0;} .page-template-portfolio_individual_new .home-page-first-section h1{ font-size: 40px !important;} .page-template-portfolio_individual_new .home-page-first-section p, .page-template-portfolio_individual_new .home-page-first-section p a{font-size: 18px; width: 70%;} .button-alignement-blog{width:70%;margin: 0 auto;} .page-template-portfolio_individual_new .limited-character p, .page-template-portfolio_individual_new .limited-character p a{font-size: 18px; width:70%;} .project-detail h3{font-size:18px;} .before-after-content .home-page-first-section p{ font-size:18px;} .ba-content p{font-size:18px;} .project-detail h3{ font-size: 16px;line-height: 25px;} .project-detail h4{font-size:18px !important;} } @media screen and (max-width:1500px) and (min-width:1400px) { .side-city-content h2{ font-size: 71px !important; line-height: 54px;} .side-city-content h4 { font-size: 34px !important; line-height: 38px; } .side-city-content p { padding-right: 0 !important; font-size: 16px !important; margin-bottom: 15px !important;} .new-banner-design.wrapper-home {padding:240px 0;} .page-template-general_contractors_new .new-banner-design.wrapper-home { padding: 180px 0; } .down-arrow-t{ bottom: 45px;} .page-template-general_contractors_new .down-arrow-t{ bottom:32px;} .page-template-cities_new .down-arrow-t{ bottom:52px;} } @media screen and (max-width:1400px){ .cities-new-first .new-banner-design.wrapper-home .h3 { font-size: 80px !important; } .related-projects-sidebar ul li{ width: 48%; height: 120px;} .content {width: 59%;} .related-projects-sidebar ul{ text-align: right;} .rightSidebar{width: 23%;} .leftSidebar {width: 18%;} .related-projects-sidebar ul li:hover h4{font-size:13px !important;} } @media screen and (max-width:1400px) and (min-width:1300px) { .page-template-general_contractors_new .new-banner-design.wrapper-home { padding: 140px 0; } .page-template-general_contractors_new .home-page-first-section{ margin-top:18px;margin-bottom:18px;} .new-banner-design.wrapper-home {padding:202px 0;} .down-arrow-t { bottom:55px; } .page-template-general_contractors_new .down-arrow-t{ bottom:42px;} .page-template-cities_new .down-arrow-t{ bottom:63px;} .side-city-content h2{ font-size: 64px !important; line-height: 50px;} .side-city-content h4 { font-size: 34px !important; line-height: 38px; margin-top: 23px; margin-bottom: 28px; } .side-city-content p { padding-right: 0 !important; font-size: 16px !important; margin-bottom:5px !important;} .side-city-content {padding: 10px 50px 10px 60px;} .side-city-content p{ line-height: 33px;} /* #gform_wrapper_3 .gform_body{ width: 500px; } */ /* .new-updates{;width:500px; } */ /* .thanks-content { margin:120px auto !important; } */ /* #gform_page_3_1, #gform_page_3_2{ padding: 20px;} */ .logo-update{ margin-bottom: 35px;} /* #gform_page_3_2 .logo-update { margin-bottom: 25px;} */ /* #gform_page_3_1 input[type="text"], #gform_page_3_1 input[type="text"]:focus, #gform_page_3_2 input[type="text"], #gform_page_3_2 input[type="text"]:focus{min-height:40px;} */ /* #gform_page_3_1 .gform_page_footer, #gform_page_3_2 .gform_page_footer{ margin-top: 58px;} */ /* #gform_page_3_1 .gform_page_footer{margin-top: 85px;} */ /* #gform_page_3_2 .gform_page_footer{ margin-top:25px;} */ .page-template-portfolio_individual_new .new-banner-design.wrapper-home{ padding: 250px 0;} .lSAction > .lSNext { background-size: 40px !important; background-repeat: no-repeat; width: 40px; } .lSAction > .lSPrev { background-size: 40px !important; background-repeat: no-repeat; width: 40px; } } @media screen and (max-width:1300px){ .cities-new-four .testimonial-content { font-size: 16px; width: 100%; } .our-designer-section .testimonial-content p, .testimonial-content .screen-city-btn { font-size: 16px; } #singal-block .container{width: 1180px !important;} .related-projects-sidebar ul li{ height: 120px;} .popular-blog ul li{width: 379px; margin-right: 11px;} .top-header-second-division{ width: 27%;} #open-close-toggle{font-size:15px;} .lSAction > .lSNext { background-size: 40px !important; background-repeat: no-repeat; width: 40px; } .lSAction > .lSPrev { background-size: 40px !important; background-repeat: no-repeat; width: 40px; } .toggle-content p{ font-size: 18px;} .before-name span, .before-name span:hover, .before-name span:focus{ font-size:30px; padding: 4px 25px; } .before-img img { border:solid 3px #d4d4d4; } .before-img .before-text{ font-size:22px; } .page-template-toronto-new-php .new-banner-design.wrapper-home h2{ font-size: 43px !important; letter-spacing: 3px; } .footer-sticky h4 { margin-top:8px; } body > header > .wrapper nav > ul > li > a{ font-size:14px } .title-small-content{ font-size:18px !important; } .consultaion-section .h4{ font-size: 18px !important; } .home-page-first-section p{ font-size: 18px; } .decoraid-service-section p{ font-size:13px; } .side-city-content p { padding-right: 10px; line-height: 35px; font-size: 17px; margin-bottom: 15px; } .cities-first-content p { font-size: 19px; } .cities-first-content a { font-size: 19px; } .cities-first-content h4 { font-size:65px !important; } .cities-list .city-name h4{ font-size:35px !important; } .cities-list .city-name{ width: 420px; } .page-template-before-after-landing-new .cities-list .city-name h4{ font-size:24px !important; } .page-template-cities_new .cities-list .city-name a { font-size: 22px; } .before-img{ width: 300px; height: auto; } .page-template-before-after-landing-new-php .cities-list .city-name { width:700px; margin-top: 40px; margin-right: 40px; } .page-template-cities_new .cities-list .city-name{ margin-top: 40px; margin-right: 40px; } /* .page-template-general_contractors_new .home-page-first-section { margin-top:70px; margin-bottom:70px; } */ .page-template-general_contractors_new .new-banner-design.wrapper-home h3{ font-size:30px !important } .page-template-cities_new .new-banner-design.wrapper-home h2,.page-template-before-after-landing-new-php .new-banner-design.wrapper-home h2{ letter-spacing: 4px; font-size:30px !Important; } .new-banner-design.wrapper-home h3 { font-size: 30px !important; } } @media screen and (max-width:1300px) and (min-width:1200px) { .prev-next-btn{ width: 53.5%; margin: 0 auto; margin-top: 55px; padding-right: 68px;} .singal-block-title{ width: 73%;} .singal-block-title h1{ font-size: 30px;} .recent-project ul li .project-img{height:175px;} .longform-lede-image { max-height: calc(85vh - 6.375rem); margin-top: 15px; overflow: hidden; } .lightSlider{height: 475px !important;} .lSSlideOuter .lightSlider li img { width: auto; height: 480px; } .painting-ser ul li{width: 32.4%;margin-right: 15px;} .page-template-painting_new-php .painting-ser ul li h2{font-size:45px !important; line-height: 50px;} .painting-ser ul li p{font-size:18px; height: 100px;} .painting-ser ul li .painting-service-contnet a{font-size:18px;} .project-list-description{width:60%} .project-description ul li p, .project-description ul li h3{font-size:16px;} #related-project-list ul li .related-pro-cont a{ line-height: 20px;font-size: 14px;} .related-project{ height: auto;} #related-project-list ul li .related-pro-cont{width:50%; padding:20px 0px 0 10px;} #related-project-list ul li .project-img{width: 50%; height: auto;;} #related-project-list ul li .project-img img{width:100%} .home-slide-section .project-portfolio{ height:560px;} .new-btn-set{ margin-top: -80px !important;} .page-template-general_contractors_new .new-banner-design.wrapper-home { padding: 150px 0;} .page-template-general_contractors_new .home-page-first-section { margin-top:15px; margin-bottom:15px; padding: 0 50px; } .ba-content{padding:10px 50px 0px} .new-banner-design.wrapper-home{ padding: 180px 0;} .down-arrow-t{ bottom: 30px;} .page-template-general_contractors_new .down-arrow-t{ bottom:15px;} .page-template-home_new .decoraid-service-list ul li{ width: 49.3%; } .footer .container-fuild { padding: 0 0px 0 80px; } .howitworks-second-section .nav-tabs li a{ padding: 14px 0; margin-right: 0; font-size: 14px; height: 65px; padding-bottom: 0; vertical-align: middle; align-items: center; padding-top: 0; display: none; text-align: center; width: 100%; display: grid; } .howitworks-second-section .nav-tabs li{ margin-right: 0.6%; width: 16.1%; text-align: center } .howitworks-second-section .nav-tabs { margin-bottom: 10px; } .howitworks-second-section .nav-tabs li:last-child{ margin-right: 0; width: 16.5%; text-align: center } .howitworks-second-section .tab-content .home-content{ height: 470px; margin-top: 30px; margin-left: 32px; } .portfolio-second-section .owl-item h4{ padding: 40px 10px; font-size:16px !important; } .decoraid-service-list ul li{ width: 32.5%; margin-right: 13.9px; } .renovation-portfolio-list ul li{ width: 32.5%; margin-right: 13.9px; } .howitworks-second-section .home-content h3{ padding-top:2px; } .howitworks-second-section .tab-content .home-content{ height:318px; } .connect-us-section .right-side-img ul li{ padding-top:50px; height:167px; width: 47.2%; margin: 0 7px 11px; } .connect-us-section .right-side-img ul li ul.social-icon li{ margin: 2px; } .connect-us-section .right-side-img ul li ul.social-icon li a .fa{ font-size: 17px; top: 5px; } .connect-us-section .right-side-img ul li ul.social-icon li a{ width: 27px; height: 27px; } .connect-us-section .left-side-img{ width: 66%; height: 344px; padding-left: 8px; } .connect-us-section .right-side-img{ width:34%; } .footer .footer-md:nth-child(4){ position: relative; left: 70px; } .copyright .copyright-1{ width: 25%; font-size: 15px; } .copyright .copyright-2{ width: 47%; font-size: 15px; } .copyright .copyright-3{ width: 28%; font-size: 15px; } .howitworks-second-section .home-content .home-content-height{ font-size: 22px; } .project-portfolio .portfolio-content{ margin-top: 50px; margin-left: 100px; width: 375px } .project-portfolio .portfolio-content h4{ font-size: 21px !important; } .project-portfolio .mySlides{ height: 400px; } .project-portfolio .mySlides1{ height: 400px; } h2, .h2{ font-size:28px !important; } h4, .h4{ font-size:18px !important; } .our-designer-section .our-designer-content{ padding: 100px 20px; } .container{ width: 100% !important; } .press-service-slider .item{ height: 410px; } .connect-us-section .right-side-img form input[type="email"]{ font-size:14px } .press-service-slider .item{ height:360px; } .press-content{ padding-top:65px; } .decoraid-service-list ul li a:before{ top: 13px; left: 16px; right: 16px; bottom: 14px; } .page-template-home_new-php .decoraid-service-list ul li a:before{ top: 14px; left: 19px; right: 19px; bottom: 14px; } .mySlides1 .press-content img{ margin-top:10px; } .connect-us-section .connect-us-detail{ height: 360px; padding-top: 7px; } .connect-us-section .right-side-img ul{ padding-left:2px; } .connect-us-section .right-side-img ul li:first-child, .connect-us-section .right-side-img ul li:nth-child(2){ height: 170px; margin-bottom: 8px; } .connect-us-section .right-side-img ul li:first-child, .connect-us-section .right-side-img ul li:nth-child(3){ margin-right: 0; width: 47.1%; } .city-list li{ font-size: 14px; } .painting-ser .decoraid-service-list ul li{ width: 31.33%; margin-right:34px; margin-bottom:34px; /* height:260px; */ } .painting-ser ul li .painting-service-contnet{ height:230px; } .painting-ser .decoraid-service-list ul li:nth-child(3){ margin-right: 0 !important; } .painting-ser .decoraid-service-list ul li:nth-child(6){ margin-right: 0 !important; } .painting-ser ul li h2{ font-size:18px !important; } .painting-ser .decoraid-service-list ul li p{ padding: 0; font-size:16px } .renovation-portfolio-list ul li h4{ padding: 20px 5px; font-size:14px !important; height: 70px; } .side-city-content h2{ font-size: 60px !important; margin-top: 0; line-height: 47px;} .side-city-content h4 { font-size: 30px !important; line-height: 36px; margin-top: 23px; margin-bottom: 28px; } .side-city-content p { padding-right: 0 !important; font-size: 15px !important; margin-bottom:5px !important; line-height:30px;} .side-city-content {padding: 10px 50px 10px 60px;} .before-after-content .home-page-first-section p{ font-size: 18px;} .ba-content p{font-size:18px;} .page-template-portfolio_individual_new .new-banner-design.wrapper-home {padding:230px 0;} .page-template-portfolio_individual_new .home-page-first-section h1{ font-size:40px !important; margin-bottom:30px;} .page-template-portfolio_individual_new .home-page-first-section p, .page-template-portfolio_individual_new .home-page-first-section p a{font-size: 18px; width: 70%;} .page-template-portfolio_individual_new .limited-character p, .page-template-portfolio_individual_new .limited-character p a{font-size: 18px; width: 70%;} .button-alignement-blog {width:70%; margin: 0 auto;} .project-description ul li h3{ font-size: 18px;} .project-detail h3{ font-size:14px; line-height:25px;} .project-detail h4{font-size:16px !important;} .page-template-portfolio_individual_new .home-page-first-section{ padding:0px 0px;} } @media screen and (max-width:1220px) and (min-width:1200px) { .recent-project ul li .project-img{height:175px;} .painting-ser .decoraid-service-list ul li{ margin-right: 32px; } } @media screen and (max-width:1200px){ .img-tag img{width: 100%;} .signal-block-menu .menu-design li:first-child a:before{ right: -1px;} .content{ padding: 0 20px;} } @media screen and (max-width:1200px) and (min-width:1100px) { .prev-next-btn { width: 60%; margin: 0 auto; margin-top: 55px; padding-right: 53px; } .related-projects-sidebar ul li{ height:103px;width: 47%;} .signal-block-menu{ text-align: center; width: 100%;} .related-projects-sidebar ul li:hover h4{ padding-top: 33px; font-size: 14px !important; padding-left: 5px; padding-right: 6px;} .top-header-second-division{ width: 30%; top:24px;} .popular-blog ul li{ width: 342px; margin-right: 12px;} .popular-blog ul li h4 a{ font-size: 15px !important;} #singal-block .container {width: 1050px !important;} .singal-block-title h1{ width: 100%;} .singal-block-title{ width: 70%;text-align: left;} .recent-project ul li .project-img{height:155px;} .lightSlider{height:425px !important;} .lSSlideOuter .lightSlider li img { width: auto; height: 430px; } .painting-ser ul li{width: 32.3%;margin-right: 15px;} .page-template-painting_new-php .painting-ser ul li h2{font-size:35px !important; line-height:35px;} .painting-ser ul li p{font-size:18px; height: 100px;} .painting-ser ul li .painting-service-contnet a{font-size:18px;margin-top: 40px;} .project-list-description {width:60%;margin-top: 0;} #related-project-list ul li .related-pro-cont h4 { font-size: 14px !important;} #related-project-list ul li .related-pro-cont a{font-size:13px} .related-project{ height: auto;} #related-project-list ul li .related-pro-cont{width:50%; padding:10px 0px 0 10px;} #related-project-list ul li .project-img{width: 50%; height: auto;;} #related-project-list ul li .project-img img{width:100%} .home-slide-section .project-portfolio{ height:630px;} .page-template-general_contractors_new .new-banner-design.wrapper-home { padding: 160px 0; } .related-project{ height: 100%;} .wrapper-home h1{ font-size: 80px; } .city-list li{ font-size: 13px; } .howitworks-second-section .nav-tabs li a{ font-size: 13px; height: 65px; padding: 0; vertical-align: middle; align-items: center; display: grid; width: 100%; } .howitworks-second-section .nav-tabs { margin-bottom:9px; } .howitworks-second-section .nav-tabs li{ margin-right: 0.6%; width: 16.1%; text-align: center; } .howitworks-second-section .nav-tabs li:last-child{ margin-right: 0; width: 16.1%; float: right; } .howitworks-second-section .tab-content .home-content{ height: 470px; margin-top: 30px; margin-left: 32px; } .portfolio-second-section .owl-item h4{ padding: 40px 8px; font-size: 16px !important; } .decoraid-service-list ul li{ width:32.4%; } .renovation-portfolio-list ul li{ width:32.4%; } .howitworks-second-section .home-content h3{ padding-top:2px; } .howitworks-second-section .tab-content .home-content{ height:316px; } .connect-us-section .right-side-img ul li{ padding-top:50px; height: 162px; width: 48.5%; } .connect-us-section .right-side-img ul li ul.social-icon li{ margin: 2px; } .connect-us-section .right-side-img ul li ul.social-icon li a .fa{ font-size: 17px; top: 5px; } .connect-us-section .right-side-img ul li ul.social-icon li a{ width: 27px; height: 27px; } .connect-us-section .left-side-img{ width: 65%; height: 342px; padding-left: 7px; } .connect-us-section .right-side-img{ width:35%; } .footer .footer-md:nth-child(4){ position: relative; left: 70px; } .copyright .copyright-1{ width:22%; font-size: 15px; } .copyright .copyright-2{ width:50%; font-size: 15px; } .copyright .copyright-3{ width:22%; font-size: 15px; } .howitworks-second-section .home-content .home-content-height{ font-size: 22px; } .project-portfolio .portfolio-content{ margin-top:30px; margin-left: 180px; width: 455px; } .project-portfolio .portfolio-content h4{ font-size: 21px !important; } .project-portfolio .mySlides{ height:380px; } .project-portfolio .mySlides1{ height:380px; } h2, .h2{ font-size:28px !important; } h4, .h4{ font-size:18px !important; } .our-designer-section .our-designer-content{ padding: 100px 20px; } .container{ width: 100% !important; } .press-service-slider .item{ height:385px; } .footer .container-fuild{ padding: 0 30px; } .decoraid-service-list ul li a:before{ top: 12px; left: 14px; right: 14px; bottom: 12px; } .page-template-home_new .decoraid-service-list ul li a:before{ top: 12px; left: 14px; right: 14px; bottom: 12px; } .connect-us-section .connect-us-detail{ height: 355px; padding-top: 6px; } .connect-us-section .right-side-img ul li:first-child, .connect-us-section .right-side-img ul li:nth-child(2){ height: 175px; margin-bottom: 6px; } .connect-us-section .right-side-img ul li:first-child, .connect-us-section .right-side-img ul li:nth-child(3){ margin-right: 0; width:46.2%; } .connect-us-section .right-side-img ul{ padding-left: 1px; } .painting-ser .decoraid-service-list ul li{ width: 31.33%; margin-right:32px; margin-bottom:32px; /* height:260px; */ } .painting-ser ul li .painting-service-contnet{ height:230px; } .painting-ser .decoraid-service-list ul li:nth-child(3){ margin-right: 0 !important; } .painting-ser .decoraid-service-list ul li:nth-child(6){ margin-right: 0 !important; } .painting-ser ul li h2{ font-size:18px !important; } .painting-ser .decoraid-service-list ul li p{ padding: 0; font-size:16px } .renovation-portfolio-list ul li h4{ padding: 20px 5px; font-size:13px !important; height: 70px; } .side-city-content { padding:10px 10px 8px; } .side-city-content h2{ font-size: 54px !important; margin-top: 0; line-height: 43px;} .side-city-content h4 { font-size: 29px !important; line-height: 35px; margin-top: 13px; margin-bottom: 18px; } .side-city-content p { padding-right: 0 !important; font-size: 14px !important; margin-bottom: 5px !important; line-height:32px;} .ba-content p{font-size:18px;} .side-city-content {padding: 10px 50px 10px 60px;} .before-btn{ margin-top: 22px;} .new-btn-set{ margin-top: -70px !important} .before-after-content .home-page-first-section p{ font-size: 18px;} .page-template-portfolio_individual_new .new-banner-design.wrapper-home {padding:280px 0;} .page-template-portfolio_individual_new .home-page-first-section h1{ font-size:40px !important;} .page-template-portfolio_individual_new .home-page-first-section p, .page-template-portfolio_individual_new .home-page-first-section p a{font-size: 18px; width: 70%;} .page-template-portfolio_individual_new .limited-character p, .page-template-portfolio_individual_new .limited-character p a{font-size: 18px; width: 70%;} .project-detail h3{font-size:18px;} .button-alignement-blog {width:70%; margin: 0 auto;} .project-description ul li p{ font-size:15px;} .project-description ul li h3{ font-size:18px;} .project-detail h3{ font-size:14px; line-height:25px;} .project-detail h4{font-size:16px !important;} .page-template-portfolio_individual_new .home-page-first-section{ padding: 0 00px;} .page-template-portfolio_individual_new .project-portfolio .mySlides1{ height: 680px;} .page-template-general_contractors_new .home-page-first-section{padding:0 50px;} .ba-content{padding:10px 50px 0px} } @media screen and (max-width:1175px) and (min-width:1100px) { .our-neighbourhood-section ul li{ margin: 0 28px 35px 0px;} } @media screen and (max-width:1136px) and (min-width:1100px) { .our-neighbourhood-section ul li{ margin: 0 27px 35px 0px;} } @media screen and (max-width:1152px) and (min-width:1100px) { .painting-ser .decoraid-service-list ul li{ margin-right: 30px; margin-bottom: 30px; } .side-city-content p{ margin-bottom: 10px; line-height: 30px; } #gform_page_6_2 .gform_page_footer{ margin-top: 36px;} } @media screen and (max-width:1124px) and (min-width:1100px) { .decoraid-service-list ul li{ margin-right: 14.2px; } .renovation-portfolio-list ul li{ margin-right: 14.2px; } .side-city-content p{ margin-bottom: 10px; } } @media screen and (max-width:1300px) and (min-width:1025px) { .wrapper-home h1{ font-size:90px; } .wrapper-home{ padding: 182px 0;} .wrapper-home h3{ font-size: 34px !Important;} .wrapper-home .new-btn{ font-size: 16px; } .howitworks-second-section{ margin-top:25px; } .howitworks-second-section .nav-tabs li a{ font-size: 11px; height: 42px; display: table; padding-top: 10px; } h2, .h2{ font-size: 26px !important; } .page-template-general_contractors_new .home-page-first-section h4{ font-size:26px !important; } .howitworks-second-section .home-content .home-content-height{ font-size: 16px; height: 165px; } .howitworks-second-section .tab-content .home-content{ width: 430px; } .our-designer-section .our-designer-content{ padding: 57px 0; } .decoraid-service-section{ margin-top: 0; } .page-template-before-after-individual .consultaion-section{ padding:100px 10px; } .consultaion-section{ padding:45px 0; } .footer ul li a{ font-size: 16px; line-height: 1.7; } .portfolio-items-list{ margin-top:35px; } .project-portfolio .portfolio-content h4{ font-size: 18px !important; } .our-designer-section p{ font-size: 13px; text-align: center; font-weight: 400; width: 90%; margin: 0 auto; line-height: 1.6; margin-top: 20px; } .renovation-portfolio-list ul li h4{ padding: 20px 5px; font-size:12px !important; height: 70px; } .page-template-home_new .decoraid-service-list ul li{ width: 49.2%; } .ba-content p{font-size:18px;} .before-name span, .before-name span:hover, .before-name span:focus{ font-size:30px; padding: 4px 25px; } } @media screen and (max-width:1100px) and (min-width:1025px) { .our-neighbourhood-section ul li { width: 32.33%; margin: 0 15px 35px 0px; } .our-neighbourhood-section ul li:nth-child(4n) { margin-right: 15px; float: left; } .our-neighbourhood-section ul li:nth-child(3n) { margin-right: 0px; float: right; } .prev-next-btn { width: 60%; margin: 0 auto; margin-top: 55px; padding-right: 53px; } .related-projects-sidebar ul li{ height:94px; width: 47%;} .tag-list ul{margin-left: 0; float: right; width: 85%;} .tag-list a{margin-bottom:15px;} .tag-list ul li{ padding-right: 10px;} .related-projects-sidebar ul li:hover h4{ padding-top: 30px; font-size: 13px !important; padding-left: 5px; padding-right: 5px;} .top-header-second-division{ width: 35%;} .signal-block-menu{width:100%; text-align: center;} .top-sticky-menu .signal-block-menu {width:60%; margin-left: -9px;} .popular-blog ul li{ width: 315px; margin-right: 12px;} .popular-blog ul li h4 a{ font-size: 14px !important;} #singal-block .container {width:970px !important;} .singal-block-title h1{ width:100%; font-size: 30px; margin-top: 0;} .singal-block-title{ width: 65%;} .singal-block-title h1{ font-size: 26px;} .singal-second-section{margin-top: 50px;} .top-social{margin-bottom: 0px;} .recent-project ul li .project-img{height:155px;} .lightSlider{height: 370px !important;} .painting-ser ul li{width: 32.2%;margin-right: 15px;} .page-template-painting_new-php .painting-ser ul li h2{font-size:35px !important; line-height:35px;} .painting-ser ul li p{font-size:18px; height: 100px;} .painting-ser ul li .painting-service-contnet a{font-size:18px;margin-top: 40px;} #related-project-list ul li .related-pro-cont h4 { font-size: 14px !important;} #related-project-list ul li .related-pro-cont a{font-size:13px} .related-project{ height: auto;} #related-project-list ul li .related-pro-cont{width:50%; padding:10px 0px 0 10px;} #related-project-list ul li .project-img{width: 50%; height: auto;;} #related-project-list ul li .project-img img{width:100%} .before-after-content .home-page-first-section p{font-size:18px;} .related-project{ height: 100%;} .home-slide-section .project-portfolio{ height:430px;} .new-btn-set { margin-top: -65px !important; padding: 12px 7px; min-width: 180px; font-size: 13px; } .new-banner-design.wrapper-home {padding: 170px 0;} .wrapper-home h1{ font-size:80px; } .wrapper-home{padding: 187px 0;} .city-list li{ font-size:12px; } .howitworks-second-section .nav-tabs { margin-bottom:8px; } .howitworks-second-section .nav-tabs li a{ font-size: 9px; vertical-align: middle; height: 40px; padding: 0; padding: 10px 6px ; width: 100%; align-items: center; display: table; } .howitworks-second-section .nav-tabs li{ margin-right: 0.6%; width: 16.1%; text-align: center; } .howitworks-second-section .nav-tabs li:last-child{ margin-right: 0; width: 16.5%; float: right; } .howitworks-second-section .tab-content .home-content{ height: 470px; margin-top:20px; margin-left: 32px; } .portfolio-second-section .owl-item h4{ padding: 40px 8px; font-size: 16px !important; } .decoraid-service-list ul li{ width: 32.4%; margin-right: 13px; } .renovation-portfolio-list ul li{ width: 32.4%; margin-right: 13px; } .howitworks-second-section .home-content h3{ padding-top:2px; } .howitworks-second-section .tab-content .home-content{ height:315px; } .connect-us-section .right-side-img ul li{ padding-top:50px; height: 158px; width: 47%; } .connect-us-section .right-side-img ul li ul.social-icon li{ margin: 2px; } .connect-us-section .right-side-img ul li ul.social-icon li a .fa{ font-size: 17px; top: 5px; } .connect-us-section .right-side-img ul li ul.social-icon li a{ width: 27px; height: 27px; } .connect-us-section .left-side-img{ width:65%; height: 328px; padding-left: 6px; } .connect-us-section .connect-us-detail{ height: 339px; padding-top: 5px; } .connect-us-section .right-side-img{ width:35%; } .connect-us-section .right-side-img form input[type="email"]{ font-size: 12px; } .footer .footer-md:nth-child(4){ position: relative; left: 70px; } .copyright .copyright-1{ width:20%; font-size: 14px; } .copyright .copyright-2{ width:50%; font-size: 14px; } .copyright .copyright-3{ width:30%; font-size: 14px; } .howitworks-second-section .home-content .home-content-height{ font-size:16px; padding-top: 15px; } .project-portfolio .portfolio-content{ margin-top: 50px; margin-left: 80px; width: 455px; } .project-portfolio .mySlides{ height:370px; } .project-portfolio .mySlides1{ height:370px; } h2, .h2{ font-size:28px !important; } h4, .h4{ font-size:18px !important; } .our-designer-section .our-designer-content{ padding: 100px 20px; } .container{ width: 100% !important; } .press-service-slider .item{ height:370px; } .footer .container-fuild{ padding: 0 30px; } .connect-us-section .right-side-img ul{ padding-left: 0; } .decoraid-service-list ul li a:before{ top: 10px; left: 12px; right: 12px; bottom: 10px; } .page-template-home_new-php .decoraid-service-list ul li a:before{ top: 10px; left: 14px; right: 14px; bottom: 10px; } .decoraid-service-section p { padding: 0 10px; } .connect-us-section .right-side-img ul li:first-child, .connect-us-section .right-side-img ul li:nth-child(2){ height: 164px; margin-bottom: 6px; } .connect-us-section .right-side-img ul li:first-child, .connect-us-section .right-side-img ul li:nth-child(3){ margin-right: 0; width: 47.5%; } .painting-ser .decoraid-service-list ul li{ width: 31.33%; margin-right:30px; margin-bottom:30px; /* height:230px; */ } .painting-ser ul li .painting-service-contnet{ height:200px; } .painting-ser .decoraid-service-list ul li:nth-child(3){ margin-right: 0 !important; } .painting-ser .decoraid-service-list ul li:nth-child(6){ margin-right: 0 !important; } .painting-ser ul li h2{ font-size:15px !important; } .painting-ser .decoraid-service-list ul li p{ padding: 0; font-size:13px; margin-top: 25px; } .page-template-home_new .decoraid-service-list ul li{ width: 49.2%; } .new-banner-design.wrapper-home h2{ font-size:40px !important } .new-banner-design.wrapper-home h3{ font-size:25px !important; padding: 0 50px; } .cities-first-content h4{ font-size:55px !important; } .cities-first-content p{ padding-right: 0; font-size:18px } .cities-list .city-name h4{ font-size:32px !important; } .cities-list .city-name{ width: 450px; } .side-city-content h2{ font-size: 54px !important; margin-top: 0; line-height: 43px; } .side-city-content h4{ font-size: 29px !important; line-height:34px; margin-top: 13px; margin-bottom: 16px; } .side-city-content p{ font-size: 14px; margin-bottom: 5px; line-height: 27px; } .before-btn{ margin-top: 20px;} .side-city-content { padding: 10px 20px 10px; } .page-template-before-after-landing-new .cities-list .city-name h4{ font-size:24px !important; } .before-img{ width:250px; height: auto; } .before-img .before-text{ font-size: 22px; bottom: 5px; } .page-template-before-after-landing-new-php .cities-list .city-name { width:700px; } .page-template-before-after-landing-new-php .cities-list .city-name a{ font-size: 18px; } .page-template-cities_new .cities-list .city-name{ margin-top: 20px; margin-right: 20px; } .page-template-cities_new .cities-list .city-name{ width:640px } .page-template-cities_new .cities-list .city-name h4{ font-size:24px !important; } .page-template-portfolio_individual_new .new-banner-design.wrapper-home {padding:260px 0;} .page-template-portfolio_individual_new .home-page-first-section h1{ font-size:38px !important;} .project-detail h3{font-size:16px;} .page-template-portfolio_individual_new .home-page-first-section p, .page-template-portfolio_individual_new .home-page-first-section p a{font-size:16px;} .page-template-portfolio_individual_new .limited-character p, .page-template-portfolio_individual_new .limited-character p a{font-size:16px;} .page-template-general_contractors_new .home-page-first-section {padding: 0 50px;} .project-description ul li p{ font-size:16px;} .project-description ul li h3{ font-size:18px;} .project-detail h3{ font-size:12px; line-height: 24px;} .project-detail h4{font-size:16px !important;} .page-template-portfolio_individual_new .home-page-first-section{ padding: 0 0px;} .page-template-portfolio_individual_new .project-portfolio .mySlides1{ height: 680px;} .project-portfolio .prev, .project-portfolio .next{font-size: 45px;} .ba-content{padding:10px 50px 0px} .ba-content p{ font-size:18px;} } @media screen and (max-width:1083px) and (min-width:1024px) { .recent-project ul li .project-img{height:150px;} .lightSlider{height:385px !important;} .lSSlideOuter .lightSlider li img { width: auto; height: 390px; } .painting-ser .decoraid-service-list ul li{ margin-right: 28px } .page-template-home_new .decoraid-service-list ul li{ width: 49.2%; } } @media screen and (max-width:1082px) and (min-width:1049px) { .our-neighbourhood-section ul li{ margin: 0 14px 35px 0px;} } @media screen and (max-width:1048px) and (min-width:1024px) { .our-neighbourhood-section ul li{ margin: 0 13px 35px 0px;} } @media screen and (max-width:1024px) and (min-width:992px) { .our-neighbourhood-section ul li{ width:48%;margin: 0 10px 35px 0px;} .our-neighbourhood-section ul li:nth-child(3n) {margin-right:10px;float: left;} .our-neighbourhood-section ul li:nth-child(2n) {margin-right:0px;float: right;} .prev-next-btn { width: 60%; margin: 0 auto; margin-top: 55px; padding-right: 52px; } .top-sticky-menu .signal-block-menu{ width: 64%;} .signal-block-menu .menu-design li a{padding: 0 15px 0 10px;} .related-projects-sidebar ul li{ height:92px; width: 47%;} .signal-block-menu{ text-align: center; margin-bottom: 20px; width: 100%;} .tag-list ul{margin-left: 0;float: right;width: 85%;} .tag-list a {margin-bottom: 15px;} .tag-list ul li{ padding-right: 10px;} .related-projects-sidebar ul li:hover h4{ padding-top: 27px; font-size: 13px !important; padding-left: 3px; padding-right: 3px;} .top-header-second-division{ width: 35%; top: 15px;} .popular-blog ul li{ width: 308px; margin-right: 13px; } .popular-blog ul li h4 a{ font-size: 14px !important;} #singal-block .container {width:950px !important;} .singal-block-title h1{ width:100%; font-size: 30px; margin-top: 0;} .singal-second-section{margin-top: 50px;} .singal-block-title{ width: 65%;padding-left:0} .top-social{ margin-bottom: 0px;} .recent-project ul li .project-img{height:140px;} .painting-ser ul li{width: 32.2%;margin-right: 15px;} .page-template-painting_new-php .painting-ser ul li h2{font-size:35px !important; line-height:35px;} .painting-ser ul li p{font-size:18px; height: 100px;} .painting-ser ul li .painting-service-contnet a{font-size:18px;margin-top: 40px;} .project-list-description{width:70%} .side-city-content h2{ font-size: 38px !important; margin-top: 0; line-height: 31px; } .side-city-content h4{ font-size: 22px !important; line-height: 29px; margin-top: 13px; margin-bottom: 10px; } .side-city-content p{ font-size: 14px; margin-bottom: 5px; line-height: 27px; } .before-btn{ margin-top: 20px;} .side-city-content { padding: 10px 20px 10px; } } @media screen and (max-width:1024px) and (min-width:980px) { .before-after-content .home-page-first-section p{font-size:16px;} .ba-content p{ font-size:16px;} .home-slide-section .project-portfolio { height: 510px;} h2, .h2 { font-size:30px !important; } h4, .h4 { font-size:18px !important; } .wrapper-home h1 { font-size:50px; } .wrapper-home h3{font-size:22px !Important;} .city-list li{ font-size: 11px; } .howitworks-second-section .nav-tabs { margin-bottom:7px; } .howitworks-second-section .nav-tabs li{ width: 16.2%; margin-bottom: 0; text-align: center; } .howitworks-second-section .nav-tabs li:last-child{ width: 16%; margin-right: 0; float: right; } .howitworks-second-section .nav-tabs li a{ padding:14px 0; width: 100%; font-size: 8px; } .howitworks-second-section .home-content h3{ padding-top: 5px; font-size:16px !important; } .howitworks-second-section .home-content .home-content-height{ padding-top: 5px; padding-left: 30px; font-size: 14px; padding-right: 20px; height: 140px; } .howitworks-second-section .tab-content .home-content{ height:288px; margin-top: 15px; margin-left: 12px; width: 400px; } .portfolio-second-section .owl-item h4{ padding:10px 10px; line-height: 1.5; } .project-portfolio .prev, .project-portfolio .next{ display:none } .project-portfolio .portfolio-content{ margin-left: 20px; width: 95%; } .project-portfolio .mySlides{ height: 330px; } .project-portfolio .mySlides1{ height: 330px; } .project-portfolio .column{ width: 100px; } .project-portfolio .column img{ height: 50px; } .our-designer-section p{ font-size: 13px; } .decoraid-service-section p { padding: 0 10px; } .decoraid-service-list ul li{ width: 32.2%; margin-right: 15px; } .renovation-portfolio-list ul li h4{ padding: 40px 12px; } .renovation-portfolio-list ul li{ width: 32.2%; margin-right: 15px; } .decoraid-service-list ul{ position: relative; } .decoraid-service-list ul li a:before{ top: 5px; left: 5px; right: 5px; bottom: 5px; } .page-template-home_new .decoraid-service-list ul li a:before{ top: 5px; left: 5px; right: 5px; bottom: 5px; } .desktop-press .project-portfolio .portfolio-content h4 { font-size: 16px !important; } .testimonial-content { font-size:16px; } .press-service-slider .item{ height: 350px; } .connect-us-section .left-side-img{ width: 100%; height: auto; } .connect-us-section .right-side-img{ width: 100%; margin-top: 10px; margin-bottom: 5px; } .connect-us-section .right-side-img > ul{ display: table; width: 100%; } .connect-us-section .right-side-img ul li{ width: 48.3%; } .connect-us-section .right-side-img > ul > li:nth-child(2), .connect-us-section .right-side-img > ul > li:nth-child(4) { margin-right: 0; } .connect-us-section .right-side-img ul li ul.social-icon li{ float: none; } .connect-us-section .right-side-img ul li ul.social-icon { margin-left: 0; width: 100%; text-align: center; } .footer .container-fuild{ padding: 0 40px; } .footer .footer-md{ width:25%; } .footer .footer-md:nth-child(4){ float: left; position: relative; left: 40px; } .footer .footer-md:nth-child(3){ position: relative; left:20px; } .footer ul li a{ font-size: 17px; line-height: 1.6; } .copyright .copyright-1, .copyright .copyright-2, .copyright .copyright-3{ text-align: center; width: 100%; float: none; padding: 5px 0; } .copyright-3 ul{ text-align: center; } .mySlides1 .press-content img{ width: 110px !important; margin-top: 10px; } body > header > .wrapper nav [rel="book-now"]{ line-height: 66px; } .project-portfolio .portfolio-content h4 { font-size: 18px !important; } .connect-us-section .connect-us-detail{ height:100% } .connect-us-section .left-side-img{ padding-left: 0; } .connect-us-section .left-side-img img { width: 100%; position: relative; bottom: 0; } .painting-ser .decoraid-service-list ul li{ width: 31.33%; margin-right:26px; margin-bottom:26px; /* height:230px; */ } .painting-ser ul li .painting-service-contnet{ height:200px; } .painting-ser .decoraid-service-list ul li:nth-child(3){ margin-right: 0 !important; } .painting-ser .decoraid-service-list ul li:nth-child(6){ margin-right: 0 !important; } .painting-ser ul li h2{ font-size:15px !important; } .painting-ser .decoraid-service-list ul li p{ padding: 0; font-size:13px; margin-top: 25px; } .renovation-portfolio-list ul li h4{ padding: 20px 5px; font-size:12px !important; height:70px; } .new-banner-design.wrapper-home h3{ font-size:25px !important; padding: 0 50px; } .page-template-general_contractors_new .home-page-first-section h4 { font-size: 26px !important; } .page-template-portfolio_individual_new .new-banner-design.wrapper-home {padding:240px 0;} .page-template-portfolio_individual_new .home-page-first-section h1{font-size:32px !important; margin-bottom: 30px;} .page-template-portfolio_individual_new .home-page-first-section p, .page-template-portfolio_individual_new .home-page-first-section p a{font-size:16px; width:75%;} .page-template-portfolio_individual_new .limited-character p, .page-template-portfolio_individual_new .limited-character p a{font-size:16px; width:75%;} .button-alignement-blog{width: 75%;} .project-description ul li p{ font-size:16px;} .project-description ul li h3{ font-size:16px;} .project-detail h3{ font-size:14px; line-height: 24px;} .project-detail h4{font-size:16px !important;} .page-template-portfolio_individual_new .home-page-first-section{ padding: 0;} .page-template-portfolio_individual_new .project-portfolio .mySlides1{ height: 610px;} .project-portfolio .prev, .project-portfolio .next{font-size: 45px;} } @media screen and (max-width:1024px){ .singal-second-section.desktop-version-singal{ margin-top: 0px;} .signal-block-menu .menu-design li:first-child a:before {right: 3px;} .lSSlideOuter .lightSlider li img{height:450px !important;} .new-updates{ margin-bottom: 10px;} .page-template-tpl_booknow, .page-template-tpl_thanku { overflow-y: auto !important; background-repeat: no-repeat !important; background-position: center top !important; width: 100%; height: 100%; background-attachment: fixed !important; background-size: cover !important; } .lightSlider{height:auto !important;} .ba_1 img, .ba_2 img{width:100%;} .ba img{width:100%} .ba-content { padding: 10px 50px 0px; display: contents; } #related-project-list ul li{ width: 49%;} #related-project-list ul li .related-pro-cont{ width: 50%;padding: 40px 0px 0 10px;} #related-project-list ul li .project-img{width: 50%;height: 110px;} #related-project-list ul{ margin: 12px 20px 2px 20px;} .related-project{ height: 100%;margin-bottom: 20px;} #related-project-list{ padding-bottom: 0;} } @media screen and (max-width:1040px){ .new-btn-set { margin-top: -64px !important; padding: 12px 7px; min-width: 180px; font-size: 13px; } .mobile-version{display:block} .desktop-version{display:none} .toggle-content p{ font-size: 16px;} .page-template-home_new .decoraid-service-list ul li { width: 48.9%; margin-right: 14.5px; } .consultaion-section .h2 { font-size: 33px !important; line-height: 1.6; } .consultaion-section .h6{ font-size: 28px !important; } /* .page-template-renovation_new-php .consultaion-section .h6{ font-size:18px !important; } .page-template-renovation_new-php .consultaion-section .h2{ font-size:24px !important; } */ .testimonial-content{ font-size: 20px; padding: 0 50px; width: 90%; margin: 0 auto; } .owl-one-testimonial span { font-size: 20px; } .cities-side-design .side-city-content.two { padding:5px 10px 26px; } .cities-list .city-name h4 { font-size: 30px !important; } .cities-list .city-name{ width:350px; } .cities-first-content h4 { font-size:50px !important; } .cities-first-content p{ font-size: 18px; padding-right: 0; line-height: 30px; } .cities-first-content a { font-size: 18px; } .new-banner-design.wrapper-home h2{ font-size: 40px !important; } .page-template-toronto-new-php .new-banner-design.wrapper-home h2{ font-size:40px !important; } .page-template-before-after-landing-new .cities-list .city-name h4{ font-size:24px !important; } .before-img{ width:250px; height: auto; } .before-img .before-text{ font-size: 22px; bottom: 5px; } .page-template-before-after-landing-new-php .cities-list .city-name { width:700px; } .page-template-before-after-landing-new-php .cities-list .city-name a{ font-size: 18px; } /* .page-template-general_contractors_new .home-page-first-section p{ font-size: 18px; } */ .page-template-cities_new .cities-list .city-name{ margin-top: 20px; margin-right: 20px; } .page-template-cities_new .cities-list .city-name h4{ font-size:24px !important; } .before-name span, .before-name span:hover, .before-name span:focus{ font-size:26px !important; border: solid 2px #fff; right: 30px; bottom: 30px; } .page-template-cities_new .cities-list .city-name{ width:640px } } @media only screen and (max-width: 960px) and (min-width: 640px){ .single-post #web-view { padding-top:0px !important;margin-top: -20px; } } @media screen and (max-width:991px) and (min-width:768px) { .our-neighbourhood-section ul li { width: 48%; margin: 0 10px 35px 0px; } .our-neighbourhood-section ul li:nth-child(3n) { margin-right: 10px; float: left; } .our-neighbourhood-section ul li:nth-child(2n) { margin-right: 0px; float: right; } .prev-next-btn { width: 60%; margin: 0 auto; margin-top: 55px; padding-right: 45px; } .tag-list ul{margin-left: 0; float: right; width: 85%;} .tag-list a{margin-bottom:15px;} .top-sticky-menu .signal-block-menu{width:60%; padding-top: 5px; text-align: left; } .signal-block-menu .menu-design li a{padding: 0 15px 0 10px;} .related-projects-sidebar ul li{ height:67px; width: 46%;} .signal-block-menu{ text-align: center; margin-bottom: 20px; width: 100%;} .tag-list ul{margin-left: 0;} .tag-list ul li{ padding-right: 10px;} .related-projects-sidebar ul li:hover h4{ padding-top: 18px; font-size: 8px !important; padding-left: 3px; padding-right: 3px; line-height: 11px;} .top-header-second-division{ width:40%;} .popular-blog ul li{width: 308px;margin-right: 13px;} .popular-blog ul li h4 a{ font-size: 14px !important;} #singal-block .container {width:720px !important;} .singal-block-title h1{ width: 100%; font-size: 24px; margin-top: 10px; line-height: 40px;} .singal-second-section{margin-top:30px;} #footer{ margin-top: 50px;} .singal-block-title{width: 60%; padding-left: 0; } .top-social{ margin-bottom:0px;} .top-sticky-menu .top-social-icons-design label{ padding-top:0px;} .top-social-icons-design label{ font-size: 18px; padding-top:1px;} .signal-block-menu .menu-design li a{font-size: 18px;} .popular-blog ul li:nth-child(3n){ margin-right: 13px;float: left;} .popular-blog ul li{ width: 353px; margin-bottom: 0;} .popular-blog ul li:nth-child(2n){margin-right:0} .sidebar-right-title{ font-size: 21px;} .signal-block-menu .menu-design li:first-child a:before{ margin-top: 1px; right:2px;} .menu-design li .dropdown-content a{ font-size: 16px;} .signal-block-menu .menu-design li ul li a{font-size: 16px;} } @media screen and (max-width:991px) and (min-width:980px) { .recent-project ul li .project-img{height:130px;} .project-list-description { width:75%;} .home-page-first-section p { font-size: 14px; } .side-city-content p{ line-height:36px; padding-right: 50px; } .side-city-content{ padding:40px 40px 0;} .side-city-content h2{ font-family: 'Raleway', sans-serif !important; color: #000; font-size: 45px !important; font-weight: 100; text-transform: uppercase; line-height: 36px; text-align: left; letter-spacing: -1px; } .side-city-content h4{ font-family: 'Raleway', sans-serif !important; color: #000; font-size: 24px !important; font-weight: 200; text-transform: uppercase; line-height: 30px; text-align: left; letter-spacing: -1px; margin-top: 13px; margin-bottom: 10px; } .side-city-content p{ font-size:18px; color: #000; margin-bottom:10px; padding-right: 10px; line-height: 42px; text-align: justify; word-break: normal; } } .mobile-version-ca{ display:none } @media screen and (max-width:900px){ #related-project-list ul li{ width: 100%;margin-right: 0;} #related-project-list ul li .project-img{ height: 100%;} #related-project-list ul li .related-pro-cont{ padding-top:80px;} } @media screen and (max-width:991px) and (min-width:980px) { .page-template-portfolio_individual_new .home-page-first-section p, .page-template-portfolio_individual_new .home-page-first-section p a{width: 97%;} .page-template-portfolio_individual_new .limited-character p, .page-template-portfolio_individual_new .limited-character p a{width: 97%;} .button-alignement-blog{ width: 97%;} .painting-ser ul li{width: 32.2%;margin-right: 15px;} .page-template-painting_new-php .painting-ser ul li h2{font-size:35px !important; line-height:35px;} .painting-ser ul li p{font-size:18px; height: 100px;} .painting-ser ul li .painting-service-contnet a{font-size:18px;margin-top: 40px;} } @media screen and (max-width:980px){ .cities-new-first .new-banner-design.wrapper-home .h3 { font-size: 30px !important; } .project-list-description { width:75%;} .ba{ margin-bottom: 20px;} #related-project-list ul li .project-img img{width:100%} .page-template-general_contractors_new .home-page-first-section h4{font-size: 26px !important;} .home-slide-section .project-portfolio{ height:510px;} .home-slide-section .thumbnil-img-slide {bottom: 25px;} .lSAction > .lSNext{ background-size: 40px !important; background-repeat: no-repeat;width: 40px;} .lSAction > .lSPrev{ background-size: 40px !important; background-repeat: no-repeat; width: 40px;} .side-city-content{ padding:40px 40px 0;} .side-city-content p{ padding-right:50px; } .side-city-content p{ line-height:36px; } body > header .wrapper { max-width:100%; } body>header>.wrapper a[id="decoraid-logo"]{ margin-left: 17px; } body > header { height: 70px; } .connect-us-section .left-side-img{ padding-left: 0; } .dark-grey nav{ float: right; margin-right: 17px; } .connect-us-section .connect-us-detail{ height:100% } .connect-us-section .left-side-img{ padding-left: 0; } .dark-grey nav{ float: right; } body > header > .wrapper{ padding-right: 10px; } .dark-grey{ background: #000000; } .new-btn{ font-size: 18px; } .wrapper-home h1 { font-size: 60px; } .howitworks-second-section{ margin-top: 40px; } h2, .h2 { font-size:22px !important; } /* .renovation-first h2{ font-size:24px !important; } */ .consultaion-section .h2 { font-size:25px !important; line-height: 1.8; } .consultaion-section .h6{ font-size:22px !important; } .title-small-content{ font-size: 15px !important; } .portfolio-items-list{ margin-top:35px; } .our-designer-section .our-designer-content{ padding: 50px 10px; } .decoraid-service-section{ margin-top: 0; } .decoraid-service-list{ margin-top: 60px; } .press-service{ padding: 40px 0 50px 0; } .city-list li { font-size: 14px; } .mobile-how-it-works .owl-item .item a{ border: solid 1px #a38e44; color: #000000; font-size: 14px; width: 100%; display: table; padding: 11px 9px; text-align: center; text-decoration:none; font-weight: 600; margin-bottom: 30px; } .mobile-how-it-works .owl-item.active{ text-align:center } .mobile-how-it-works .owl-item.active .item a{ border: solid 1px #a38e44; background:#a38e44; color: #fff; text-decoration:none; font-size: 14px; width: 100%; letter-spacing: 0.5px; display: table; padding: 11px 9px; text-align: center; font-weight: 600; margin-bottom: 30px; } .mobile-how-it-works .owl-item.active .item a.black-btn{ border: solid 2px #000000; background: transparent; width: auto !important; padding: 9px 29px !important; color: #000; } .mobile-how-it-works .owl-item.active .item a.black-btn:hover{ border: solid 2px #a38e44; background: #a38e44; color:#fff } .mobile-how-it-works .owl-item .item a:hover, .mobile-how-it-works .owl-item .item a:focus{ border: solid 1px #a38e44; background:#a38e44; color: #fff; text-decoration:none; font-size: 14px; width: 100%; display: table; padding: 11px 9px; text-align: center; font-weight: 600; margin-bottom: 30px; } .mobile-how-it-works .owl-item.cloned .item a{ text-align: right; } .mobile-how-it-works .owl-item .item a{ text-align:left; } .mobile-how-it-works .owl-item.cloned.active .item a{ text-align:center; } .mobile-how-it-works .owl-item.active img{ box-shadow: 0px 1px 3px 3px #c3c3c3; } .mobile-how-it-works .owl-item img{ margin-bottom:35px; border-radius: 1px; } .mobile-how-it-works{ margin-top: 40px; } .how-it-works-mobile-content p{ color: #000; font-size: 14px; line-height: 1.8; } .howitworks-second-section{ display: none; } .mobile-how-it-works { display: block; } .city-list{ display:none } .desktop-version-ca{ display:none } .mobile-version-ca{ display:block } .decoraid-service-section p{ font-size:18px; padding:0; } .connect-us-section .left-side-img img { width: 100%; position: relative; bottom: 0; } .portfolio-second-section .owl-nav .owl-next, .portfolio-second-section .owl-nav .owl-prev{ height:100% } .mobile-how-it-works .home-content-height .black-btn{ width: 300px !important; padding: 7px!important; margin: 0 auto!important; } .testimonial-content{ font-size: 20px; padding: 0 0px; width: 100%; margin: 0 auto; } /* .page-template-renovation_new-php .consultaion-section .h6{ font-size:16px !important; } .page-template-renovation_new-php .consultaion-section .h2{ font-size:18px !important; } */ .page-template-general_contractors_new .new-banner-design.wrapper-home h3{ font-size:24px !important; line-height: 30px; } .page-template-cities_new .new-banner-design.wrapper-home h2,.page-template-before-after-landing-new-php .new-banner-design.wrapper-home h2{ letter-spacing: 4px; font-size:24px !important; line-height: 30px; } .new-banner-design.wrapper-home h3{ font-size:22px !important; padding: 0 50px; line-height:30px;margin-top:50px; } .side-city-content h2{ font-family: 'Raleway', sans-serif !important; color: #000; font-size: 45px !important; font-weight: 100; text-transform: uppercase; line-height: 36px; text-align: left; letter-spacing: -1px; } .side-city-content h4{ font-family: 'Raleway', sans-serif !important; color: #000; font-size: 24px !important; font-weight: 200; text-transform: uppercase; line-height: 30px; text-align: left; letter-spacing: -1px; margin-top: 13px; margin-bottom: 10px; } .side-city-content p{ font-size:18px; color: #000; margin-bottom:10px; padding-right: 10px; line-height: 42px; text-align: justify; word-break: normal; } .page-template-portfolio_individual_new .new-banner-design.wrapper-home {padding:230px 0;} .project-detail h3{font-size:16px;} .page-template-portfolio_individual_new .home-page-first-section h1{font-size: 26px !important;line-height: 40px;} .page-template-portfolio_individual_new .home-page-first-section p, .page-template-portfolio_individual_new .home-page-first-section p a{font-size:16px;} .page-template-portfolio_individual_new .limited-character p, .page-template-portfolio_individual_new .limited-character p a{font-size:16px;} .project-description ul li p{ font-size:14px;} .project-description ul li h3{ font-size:16px;} .project-detail h3{ font-size:12px; line-height: 22px;} .project-detail h4{font-size:16px !important;} .page-template-portfolio_individual_new .home-page-first-section{ padding: 0;} .page-template-portfolio_individual_new .project-portfolio .mySlides1{ height: 610px;} .project-portfolio .prev, .project-portfolio .next{font-size: 45px;} .page-template-portfolio_individual_new .project-portfolio .next{ font-size: 30px;} } @media screen and (max-width:980px) and (min-width:800px) { .recent-project ul li .project-img{height:120px;} .painting-ser ul li{width: 31.9%;margin-right: 15px;} .page-template-painting_new-php .painting-ser ul li h2{font-size:26px !important; line-height:30px; margin-top: 0;} .painting-ser ul li p{font-size:14px; height: 100px; margin-top:20px;} .painting-ser ul li .painting-service-contnet a{font-size:14px;margin-top:20px;} .home-slide-section .project-portfolio{height:420px;} h4, .h4 { font-size:18px !important; } .wrapper-home h1 { font-size:50px; } .wrapper-home h3{ font-size: 22px !Important;} .city-list li{ padding: 0 7px } .howitworks-second-section .nav-tabs li{ width: 32.33%; margin-bottom: 13px; text-align: center; } .howitworks-second-section .nav-tabs li:last-child{ width: 34%; margin-right: 0; float: right; } .howitworks-second-section .nav-tabs li:nth-child(3){ margin-right: 0; float: right; width: 34%; } .howitworks-second-section .nav-tabs li a{ padding: 14px 11px; width:100%; font-size: 12px; } .howitworks-second-section .home-content h3{ padding-top: 5px; } .howitworks-second-section .home-content .home-content-height{ padding-top: 5px; padding-left:27px; font-size:15px; padding-right: 20px; } .howitworks-second-section .tab-content .home-content{ width: 380px; height: 300px; margin-top: 15px; margin-left: 32px; } .portfolio-second-section .owl-item h4{ padding:10px 10px; line-height: 1.5; font-size: 15px !important; } .project-portfolio .prev, .project-portfolio .next{ display:none } .project-portfolio .portfolio-content{ margin-left: 40px; margin-top:30px; width: 90%; } .project-portfolio .mySlides{ height:268px; } .project-portfolio .mySlides1{ height:268px; } .thumbnil-img-slide{ bottom:5px; } .project-portfolio .column{ width: 90px; } .project-portfolio .column img{ height: 50px; } .our-designer-section p{ font-size: 18px; } .decoraid-service-section p{ font-size:18px; } .decoraid-service-list ul li{ width: 32%; margin-right: 17px; } .renovation-portfolio-list ul li{ width: 32%; margin-right: 17px; } .decoraid-service-list ul{ position: relative; } .decoraid-service-list ul li a:before{ top: 5px; left: 5px; right: 5px; bottom: 5px; } .desktop-press .project-portfolio .portfolio-content h4 { font-size: 16px !important; } .testimonial-content { font-size:16px; } .project-portfolio .portfolio-content h4{ font-size:15px !important } .mySlides1 .press-content img{ margin-top: 10px; width: 100px !important; } .press-service-slider .item{ height: 350px; } .connect-us-section .left-side-img{ width: 100%; height: auto; } .connect-us-section .right-side-img{ width: 100%; padding: 10px 0 5px; } .connect-us-section .right-side-img > ul{ display: table; width: 100%; } .connect-us-section .right-side-img ul li{ width:48.2%; } .connect-us-section .right-side-img > ul > li:nth-child(2), .connect-us-section .right-side-img > ul > li:nth-child(4) { margin-right: 0; } .connect-us-section .right-side-img ul li ul.social-icon li{ float: none; } .connect-us-section .right-side-img ul li ul.social-icon { margin-left: 0; width: 100%; text-align: center; } .footer .container-fuild{ padding: 0 40px; } .footer .footer-md{ width:25%; } .footer .footer-md:nth-child(4){ float: left; position: relative; left: 40px; } .footer .footer-md:nth-child(3){ position: relative; left:20px; } .footer ul li a{ font-size: 17px; line-height: 1.6; } .copyright .copyright-1, .copyright .copyright-2, .copyright .copyright-3{ text-align: center; width: 100%; float: none; padding: 5px 0; } .copyright-3 ul{ text-align: center; } .home-page-first-section p{ font-size: 18px; } .before-after-content .home-page-first-section p, .ba-content p{font-size:16px;} .container{ width:95% !important; } .decoraid-service-list ul li a{ display: initial; } .decoraid-service-list ul li a:before{ display:none } .owl-carousel .owl-item img{ height: 100%; } .connect-us-section .left-side-img img { width: 100%; position: relative; bottom: 0; } .painting-ser .decoraid-service-list ul li{ width: 31.33%; margin-right:21px; margin-bottom:21px; /* height:230px; */ } .page-template-painting_new-php .painting-ser ul li .painting-service-contnet{ height: 290px;} .painting-ser ul li .painting-service-contnet{ height:200px; } .painting-ser .decoraid-service-list ul li:nth-child(3){ margin-right: 0 !important; } .painting-ser .decoraid-service-list ul li:nth-child(6){ margin-right: 0 !important; } .painting-ser ul li h2{ font-size:15px !important; } .painting-ser .decoraid-service-list ul li p{ padding: 0; font-size:13px; margin-top: 25px; } .renovation-portfolio-list ul li h4{ height:70px; font-size:12px !important; } .page-template-before-after-landing-new-php .cities-list .city-name { width: 600px; } .page-template-before-after-landing-new .cities-list .city-name h4 { font-size: 18px !important; } } @media screen and (max-width:936px){ .decoraid-service-list ul li{ margin-right: 16px; } .renovation-portfolio-list ul li{ margin-right: 16px; } } @media screen and (max-width:887px){ .decoraid-service-list ul li{ margin-right: 15px; } .renovation-portfolio-list ul li{ margin-right: 15px; } .new-btn-left { left: -5px; } } @media screen and (max-width:850px){ .side-city-content p{ font-size: 16px;} .recent-project ul li .project-img{height:110px;} } @media screen and (max-width:840px){ .decoraid-service-list ul li{ margin-right: 14px; } .renovation-portfolio-list ul li{ margin-right: 14px; } } @media screen and (max-width:800px) and (min-width:768px) { .page-template-tpl_booknow, .page-template-tpl_thanku{ height: 1280px; } .singal-block-title h1{font-size: 22px;} .single-post .consultaion-section .h2{font-size:26px !important;} .single-post .consultaion-section .h6{font-size:20px !important;} .wrapper-home h1{font-size:40px;} .wrapper-home h3{font-size:16px !Important;} .home-slide-section .project-portfolio{ height: 400px;} h4, .h4 { font-size:18px !important; } .city-list li{ font-size: 20px; padding: 0 20px; line-height: 1.6; } .howitworks-second-section .nav-tabs li{ width: 33.33%; margin-bottom: 13px; text-align: center; } .howitworks-second-section .nav-tabs li a{ padding: 14px 11px; width: 97%; } .howitworks-second-section .home-content h3{ padding-top: 5px; } .howitworks-second-section .home-content .home-content-height{ padding-top: 5px; padding-left: 37px; font-size: 19px; padding-right: 20px; } .howitworks-second-section .tab-content .home-content{ height: 100%; margin-top: -20px; margin-left: 0; width: 100%; padding-top: 10px; padding-bottom: 40px; position: relative; background: #f5f5f5; } .portfolio-second-section .owl-item h4{ padding:10px 10px; line-height: 1.5; font-size: 15px !important; } .project-portfolio .portfolio-content{ margin-left: 40px; margin-top: 10px; width: 90%; } .project-portfolio .mySlides{ height:268px; } .project-portfolio .mySlides1{ height:268px; } .thumbnil-img-slide{ bottom: 15px; } .portfolio-second-section{ margin-top: 0; } .project-portfolio .column{ width: 100px; } .project-portfolio .column img{ height: 50px; } .our-designer-section p{ font-size: 18px; } .decoraid-service-list ul li{ width: 31.7%; } .decoraid-service-list ul{ position: relative; left: 7px; } .decoraid-service-list ul li a:before{ top: 5px; left: 5px; right: 5px; bottom: 5px; } .desktop-press .project-portfolio .portfolio-content h4 { font-size: 15px !important; margin-top: 0; } .mySlides1 .press-content img{ margin-top:5px; } .press-service-slider .item{ height: 350px; } .connect-us-section .left-side-img{ width: 100%; overflow: hidden; height: 100%; } .connect-us-section .right-side-img{ width: 100%; padding: 10px 0 5px; } .connect-us-section .right-side-img > ul{ display: table; width: 100%; } .connect-us-section .right-side-img ul li{ width: 47.8%; } .connect-us-section .right-side-img > ul > li:nth-child(2), .connect-us-section .right-side-img > ul > li:nth-child(4) { margin-right: 0; } .connect-us-section .right-side-img ul li ul.social-icon li{ float: none; } .connect-us-section .right-side-img ul li ul.social-icon { margin-left: 0; width: 100%; text-align: center; } .footer .container-fuild{ padding: 0 40px; } .footer .footer-md{ width:50%; min-height: 260px; } .footer .footer-md:nth-child(4){ float: left; position: relative; left:0px; margin-bottom: 40px; } .footer .footer-md:nth-child(3){ position: relative; left:0; } .footer ul li a{ font-size: 17px; line-height: 1.6; } .copyright .copyright-1, .copyright .copyright-2, .copyright .copyright-3{ text-align: center; width: 100%; float: none; padding: 5px 0; } .copyright-3 ul{ text-align: center; } .howitworks-second-section .nav-tabs li{ width: 32.33%; margin-bottom: 13px; text-align: center; } .howitworks-second-section .nav-tabs li:last-child{ width: 34%; margin-right: 0; float: right; } .howitworks-second-section .nav-tabs li:nth-child(3){ margin-right: 0; float: right; width: 34%; } .howitworks-second-section .nav-tabs li a{ padding: 14px 11px; width:100%; font-size: 12px; } .container{ width:95% !important; } .our-designer-section .our-designer-content{ padding: 100px 10px; } .decoraid-service-list ul li{ width:98%; } .decoraid-service-list ul li a{ display: initial; } .decoraid-service-list ul li a:before{ display:none } .owl-carousel .owl-item img{ height: 100%; } .project-portfolio .column{ width: 90px; } .mySlides1 .press-content img{ width: 90px !important; } } @media screen and (max-width:800px){ .mobile-neighbourhood{display:block} .desktop-neighbourhood{display:none} .our-neighbourhood-section ul{ margin-top: 0;} .mobile-neighbourhood .loop6{margin-top:60px;} .before-after-content .home-page-first-section p, .ba-content p { font-size: 16px; } .new-btn-set { margin-top: -44px !important; padding: 9px 7px; min-width: 170px; font-size: 10px; } .decoraid-service-list ul li:last-child{ margin: 0 14px 0 0!important; } .project-portfolio .portfolio-content h4 { font-size: 15px !important; } .mobile-service-section{ display:block; margin-bottom: 10px; } .decoraid-service-section{ display:none } .mobile-service-section p { color: #010101; font-size: 18px; text-align: center; line-height: 1.6; margin-top: 20px; padding: 0 70px 0; } .portfolio-second-section h2 { margin-bottom: 25px; } .testimonial-content, .owl-one-testimonial span{ font-size:16px; } .renovation-testimonial .owl-dots{ margin-top: 20px; } .renovation-testimonial .renovation-designer-content{ padding: 40px 5px 55px; } .renovation-desktop-portfolio{ display:none } .renovation-mobile-portfolio{ display:block; margin-bottom: 15px; } .renovation-first .dektop-slider{ display:none } .renovation-first .mobile-slider{ display:block } .renovation-first .mobile-slider .new-btn{ padding: 0; font-size: 0; } .before-after-content .new-btn{ padding: 12px 20px !important; font-size: 16px !important;} .painting-text .item{ width: 100%; background: #f3f3f3; box-shadow: none !important; padding: 15px; display: table; text-align: center; height: 400px; } .painting-text .item .painting-service-contnet{ height: 100%; padding: 15px; border:solid 1px #a38e44; display: table-cell; vertical-align: middle; z-index: 11; position: relative; } .painting-text .item h2 { font-family: 'Raleway', sans-serif !important; font-size: 36px !important; text-transform: uppercase; font-weight: 200; line-height: 45px; color: #010101; letter-spacing: 1px; } .page-template-painting_new-php .painting-text .item a{ font-size: 24px; color: #000; display: table; text-align: center; margin: 0 auto; margin-top: 50px;} .page-template-painting_new-php .painting-text .painting-text .item{ overflow: hidden;position: relative;} .page-template-painting_new-php .painting-text .item img{ width: 100%; position: absolute; height: auto; opacity: 0.10; top: 0; left: 0; right: 0;} .painting-text .item p { color: #000000; font-size:22px; padding:0; margin-top: 40px; } .new-banner-design.wrapper-home h2{ padding: 0 10px; font-size: 30px !important; } .page-template-before-after-landing-new-php .new-banner-design.wrapper-home h2 { letter-spacing: 2px; font-size: 30px !important; } .page-template-toronto-new-php .new-banner-design.wrapper-home h2{ font-size:30px !important; } .new-banner-design.wrapper-home h3{ padding: 0 30px; font-size: 22px !important; } .cities-first-content h4{ font-size:50px !Important } .cities-list .city-name h4{ font-size:26px !important; } .cities-list .city-name a{ font-size: 20px; } .cities-list .city-name { width:310px; } .page-template-before-after-landing-new-php .cities-list .city-name{ margin-top:10px; margin-right:10px; } .before-img{ bottom: 20px; left: 20px; } .page-template-cities_new .cities-list, .cities-side-design{ margin-bottom: 16px; } .page-template-before-after-landing-new-php .cities-list .city-name { width:500px; } .page-template-before-after-landing-new .cities-list .city-name h4 { font-size:18px !important; } .page-template-before-after-landing-new-php .cities-list .city-name a { font-size:15px; } .before-img .before-text{ font-size: 18px; } .page-template-cities_new .cities-list .city-name h4{ font-size:18px !important; } /* .page-template-general_contractors_new .home-page-first-section { margin-top: 50px; margin-bottom: 50px; } */ .page-template-general_contractors_new .home-page-first-section h4{ font-size:22px !important; } .page-template-cities_new .cities-list .city-name{ width:500px } .page-template-cities_new .cities-list .city-name a { font-size: 18px; } .page-template-portfolio_individual_new .new-banner-design.wrapper-home{ padding: 200px 0;} .page-template-portfolio_individual_new .home-page-first-section h1 {font-size: 24px !important;line-height: 30px;} .page-template-portfolio_individual_new .thumbnil-img-slide{display:none} .project-portfolio .prev, .project-portfolio .next {font-size: 35px;} .page-template-portfolio_individual_new .project-portfolio .next{padding-left: 25px;} .page-template-portfolio_individual_new .project-portfolio .prev{ padding-right: 22px;} .desktop-recent-section{display:none} .mobile-recent-section{display:block;} .mobile-recent-section{ background: #f3f3f3;padding:0px 0; margin-top: 60px !important;} .mobile-recent-section .h2{ color: #000000; font-weight:400; font-family: 'Raleway', sans-serif !important; text-align: center; margin-bottom: 40px;} .project-detail{ text-align: center; min-height: 30px;} .portfolio-second-section.mobile-recent-section .owl-item h4:hover{ background: transparent; color: #000;} .mobile-recent-section .project-detail h4, .project-detail h3{font-size:18px; margin-top: 10px;} .mobile-recent-section .portfolio-items-list{ margin-top: 0;} .page-template-portfolio_individual_new .new-banner-design.wrapper-home{ margin-top: 28px;} .desktop-portfolio-section{display:none} .mobile-portfolio-section{display:block} .mobile-portfolio-section .owl-item{ vertical-align: middle; display: inline-grid; height: 100%; float: none !important; top: inherit;} .loop2{background: #f7f7f7;} .lightSlider li img{width:100%} } @media screen and (max-width:768px){ .single-post #middle .tag-list { display: inline-block; width: 100%; margin: 0; } .single-post #middle .tag-list ul { margin: 0; } .single-post #middle .tag-list ul li { margin-bottom: 0; } .single-post #middle .leftSidebar1 { margin: 0; } .single-post #middle .leftSidebar1 div { margin: 0; padding: 0; } #middle ul.sidebar-social li{ margin: 0; } .single-post #middle .prev-next-btn { margin-bottom: 0; margin-top: 25px; } .mobile-hide{display:none} .desktop-hide{display:block} .rightSidebar1{ padding-left: 20px;} .top-header-second-division .top-social{ float: left; padding-left: 20px;} #singal-block .singal-first-section .container{ width: 95% !important;} #footer{ margin-top: 50px; padding: 0 20px;} .prev-next-btn{ padding-right: 0; width: 100%; float: left;} .content1{ padding: 0 50px;} .single-post .consultaion-section .h2{font-size:20px !important} .single-post .consultaion-section .h6 {font-size: 18px !important; } .lSSlideOuter .lightSlider li img{height:350px !important;} .home-slide-section .project-portfolio { height: 100%; display: block;} .home-slide-section .thumbnil-img-slide{display:none;} .home-slide-section .project-portfolio .mySlides1>img { position: relative; min-width: 100% !important; min-height: 100% !important; margin-left: auto !important; } div.jx-controller{width: 17px;} div.jx-control{ width: 4px;} div.jx-arrow.jx-left { left: -15px; border-width: 15px 15px 15px 0;} div.jx-arrow.jx-right {right: -15px; border-width: 15px 0 15px 15px;} .ba{ margin-bottom:13px;} #related-project-list ul li .related-pro-cont{ padding-top:60px;} #gform_wrapper_3 .gform_body, .new-updates{ position: relative !important;top: 0 !important; /* margin-top: 50px; */} .new-updates{ margin-bottom: 20px; /* top: 15px !important; */} .page-id-7367 .home-link{padding-bottom:10px} .home-link, .home-link:hover{ display: table;width: 100%; padding: 10px 30px;} .page-template-tpl_booknow, .page-template-tpl_thanku{ padding-top:0px; } .desktop-version-singal{display:none} .mobile-version-singal{display:block; margin-top: 25px;} .top-sticky-menu .signal-block-menu{width:55%;padding-top: 6px; padding-right:0;text-align: left; padding-left: 15px;} .signal-block-menu .menu-design li a{padding: 0 15px 0 10px;} .related-projects-sidebar ul li{ height:73px; width: 46%;} .signal-block-menu{ width: 55%;padding-top: 6px; text-align: left; padding-right: 0; padding-left: 20px; text-align: left;} .tag-list ul{margin-left: 0; float: right; width:90%;} .tag-list a{margin-bottom:15px;} .tag-list ul li{padding-right:20px;} .related-projects-sidebar ul li:hover h4{ padding-top: 20px;font-size: 13px !important;} .top-header-second-division{ width:45%; top: 0;} .popular-blog ul li h4 a{ font-size: 14px !important;} #singal-block .container {width:100% !important;} .singal-block-title h1{ width:100%;font-size: 24px;margin-top: 10px;line-height: 30px;} .top-social-icons-design label{ font-size: 18px; margin-top: 2px;} .top-sticky-menu .top-social-icons-design label{ padding-top:0px !important; margin-top: 0 !important;} .signal-block-menu .menu-design li a{font-size: 18px;} .top-sticky-menu .signal-block-menu .menu-design li a{ padding: 0 6px 0 4px;} .top-sticky-menu .signal-block-menu .menu-design li:first-child a:before{ right: 1px; margin-top: 2px; height: 16px;} .popular-blog ul li:nth-child(3n){ margin-right: 13px;float: left;} .popular-blog ul li{width: 48%; margin-bottom: 0;margin-right: 20px;margin-bottom: 10px;} .popular-blog ul li:nth-child(5){margin-bottom:0} .popular-blog ul li:nth-child(6){margin-bottom:0} .popular-blog ul li:nth-child(2n){margin-right:0;float: right;} .sidebar-right-title{ font-size: 23px;} .portfolio-second-section .loop5 .owl-nav{display:none !important} .singal-block-title h1{ left: 0; font-size: 36px;line-height: 45px;} .singal-block-title {margin-bottom: 50px;width: 100%; margin-top: 30px; padding-left: 0; padding: 0 20px;} .mobile-version-singal .sharing-icons {width: 100%; border-right: none; float: none; text-align: center; margin-right: 0;} .mobile-version-singal .sidebar-title{ border-bottom: none;font-size: 18px;font-weight: 300; display: inline-block; position: relative; padding-right: 50px; margin-bottom: 0; padding-bottom: 0; line-height: 29px;} .mobile-version-singal .sidebar-social-icons li a{ border-bottom: none; float: none;} .mobile-version-singal .sidebar-social-icons{display: inline-block;text-align: center; position: relative; top:5px;} .mobile-version-singal .sidebar-social-icons ul li{display:inline-block;} .mobile-version-singal .sidebar-social{float:none} .mobile-version-singal .sidebar-title:after{ content: ''; background: #000; width: 1px; height: 30px; display: table; position: absolute; right: 0px; margin-right: 30px; top: 0; margin-top: -3px;} .leftSidebar1{ margin-top: 40px; float: left; width: 100%; margin-bottom: 10px;} .mobile-version-singal .portfolio-second-section .owl-item h4{background: transparent; display: none;} .mobile-version-singal .portfolio-second-section .owl-item:hover h4{ display: block; background: #00000096; position: absolute; z-index: 1111; top: 0; height: 100%; color: #fff; vertical-align: middle; padding-top: 65px; height: 100%; width: 100%; font-size: 15px !important;} #singal-block .mobile-version-singal .portfolio-second-section .container{ width: 100% !important;} .loop5 .owl-stage{ padding-left: 0 !important;} .mobile-version-singal .portfolio-second-section .owl-item, .portfolio-second-section .owl-item.cloned{top:0 !important} .search-bar-design{ border: solid 4px #ffffff;} .search-bar-design input{ font-size: 15px; padding: 18px 10px;} .search-bar-design button{ font-size: 16px;} .sub-menu{min-width: 210px;} .menu-design li .sub-menu a{ font-size: 14px !important;line-height: 35px;} .tag-list ul li { margin-bottom: 10px;} .leftSidebar{ padding: 0 0 0 13px;} .signal-block-menu .menu-design li:first-child a:before{ margin-top: 2px; right: 3px; height: 17px;} .rightSidebar1 .portfolio-items-list{ margin-top: 0;} } @media screen and (max-width:767px){ .post-template-default .popular-title { text-align: center; } .our-neighbourhood-section ul li{ width:100%; margin: 0 0px 20px 0px;} .our-neighbourhood-section ul li:nth-child(3n) {margin-right:0px;float: left;} .our-neighbourhood-section ul li:nth-child(2n) {margin-right:0px;float: right;} .cities-new-first .new-banner-design.wrapper-home{ padding: 250px 0;} .cities-new-first .new-banner-design.wrapper-home .h3 { font-size: 25px !important; } .cities-new-first .new-banner-design.wrapper-home h1 { font-size: 45px; } } @media screen and (max-width:730px){ .top-header-first-division.signal-block-menu{ padding-left: 0;} .top-sticky-menu .top-header-first-division.signal-block-menu{ padding-left:20px;} .top-social-icons-design label{padding-left: 0;} .top-header-second-division .top-social{padding-left: 16px;} } @media screen and (max-width:715px){ .top-header-first-division{padding-left: 0;} .signal-block-menu.top-header-first-division .menu-design li:first-child a{padding-left:0} .top-header-second-division .top-social li{ padding: 0 6px;} } @media screen and (max-width:700px){ .top-sticky-menu .top-header-second-division .top-social{ padding-left: 10px;} .top-header-second-division .top-social li{ padding: 0 4px;} } @media screen and (max-width:768px) and (min-width:641px) { #singal-block .singal-first-section .container{ width: 100% !important; padding: 0 50px;} .rightSidebar1 { padding-left: 50px; } .signal-block-menu .menu-design li a{ font-size: 17px;} .singal-first-section .top-header-second-division .top-social-icons-design label{ font-size: 16px; padding-bottom: 6px; padding-left: 4px;} #footer{ padding: 0 50px;} .singal-first-section .top-header-first-division.signal-block-menu .menu-design li:first-child a{ padding-left: 0;} .singal-first-section .top-header-first-division.signal-block-menu{ padding-left: 0;} .singal-first-section .top-header-second-division .top-social li{ padding: 0 6px;} .singal-first-section .top-header-second-division .top-social{ padding-left: 14px; position: absolute; right: 0;} .top-header-second-division .top-social-icons-design{ position: relative;} .singal-first-section .top-header-second-division .top-social{padding-left: 5px;} .singal-first-section .top-header-first-division.signal-block-menu .menu-design li a{ padding: 0 9px 0 3px;} .signal-block-menu .sub-menu li a, .signal-block-menu .sub-menu li:first-child a{ padding-left: 10px !important;} .top-sticky-menu .top-header-first-division{ padding-left: 30px;} .top-sticky-menu .top-header-second-division .top-social li{ padding: 0 3px;} .top-sticky-menu .top-header-second-division .top-social-icons-design{ position: relative; left: 20px;} } @media screen and (max-width:700px) and (min-width:641px) { .singal-first-section .top-header-second-division .top-social li { padding: 0 4px; } } @media screen and (max-width:670px) and (min-width:641px) { .singal-first-section .top-header-second-division .top-social li { padding: 0 3px; } } @media screen and (max-width:650px) and (min-width:641px) {.singal-first-section .top-header-second-division .top-social li { padding: 0 2px; } } @media screen and (max-width:767px) and (min-width:641px) { h4, .h4 { font-size:18px !important; } .wrapper-home h1 { font-size:38px; } .wrapper-home h3{ font-size: 14px !Important;} .city-list li{ padding: 0 18px; line-height: 1.6; } .howitworks-second-section .nav-tabs li{ width: 33.33%; margin-bottom: 13px; text-align: center; } .howitworks-second-section .nav-tabs li a{ padding: 14px 0px; font-size: 14px; width: 98%; } .howitworks-second-section .home-content h3{ padding-top: 5px; } .howitworks-second-section .home-content .home-content-height{ padding-top: 5px; padding-left: 37px; font-size: 19px; padding-right: 20px; } .howitworks-second-section .tab-content .home-content{ height: 100%; margin-top: -20px; margin-left: 0; text-align: center; width: 100%; padding-top: 10px; padding-bottom: 40px; position: relative; background: #f5f5f5; } .portfolio-second-section .owl-item h4{ padding:10px 10px; line-height: 1.5; font-size: 15px !important; } .project-portfolio .prev, .project-portfolio .next{ display:block } .project-portfolio .prev{ left: 30px; } .project-portfolio .next{ right: 30px; } .project-portfolio .portfolio-content{ margin-left: 40px; margin-top:30px; width: 90%; } .project-portfolio .mySlides{ height:100%; } .project-portfolio .mySlides img{ position: relative; bottom: 0; } .project-portfolio .mySlides1{ height:100%; } .thumbnil-img-slide{ bottom: 15px; display: none; } .portfolio-second-section{ margin-top: 40px; } .renovation-mo{ margin-top: 0px } .project-portfolio .column{ width: 100px; } .project-portfolio .column img{ height: 50px; } .our-designer-section p{ font-size: 18px; } .decoraid-service-list ul li{ width: 31.7%; } .decoraid-service-list ul{ position: relative; left: 7px; } .decoraid-service-list ul li a:before{ top: 5px; left: 5px; right: 5px; bottom: 5px; } .press-service-slider .item{ height: 350px; } .connect-us-section .left-side-img{ width: 100%; height: auto; } .connect-us-section .right-side-img{ width: 100%; padding: 10px 0 5px; } .connect-us-section .right-side-img > ul{ display: table; width: 100%; } .connect-us-section .right-side-img ul li{ width: 47.4%; } .connect-us-section .right-side-img > ul > li:nth-child(2), .connect-us-section .right-side-img > ul > li:nth-child(4) { margin-right: 0; } .connect-us-section .right-side-img ul li ul.social-icon li{ float: none; } .connect-us-section .right-side-img ul li ul.social-icon { margin-left: 0; width: 100%; text-align: center; } .footer .container-fuild{ padding: 0 40px; } .footer .footer-md{ width:50%; min-height: 260px; } .footer .footer-md:nth-child(4){ float: left; position: relative; left:0px; margin-bottom: 40px; } .footer .footer-md:nth-child(3){ position: relative; left:0; } .footer ul li a{ font-size: 17px; line-height: 1.6; } .copyright .copyright-1, .copyright .copyright-2, .copyright .copyright-3{ text-align: center; width: 100%; float: none; padding: 5px 0; } .copyright-3 ul{ text-align: center; } .home-page-first-section p{ font-size: 16px; } .howitworks-second-section .nav-tabs li{ width: 32.33%; margin-bottom: 13px; text-align: center; } .howitworks-second-section .nav-tabs li:last-child{ width: 34%; margin-right: 0; float: right; } .howitworks-second-section .nav-tabs li:nth-child(3){ margin-right: 0; float: right; width: 34%; } .howitworks-second-section .nav-tabs li a{ padding: 14px 5px; width:100%; font-size: 12px; height: 60px; vertical-align: middle; align-items: center; display: grid; } .container{ width:95% !important; } .decoraid-service-list ul li{ width:98%; } .decoraid-service-list ul li a{ display: initial; } .decoraid-service-list ul li a:before{ display:none } .owl-carousel .owl-item img{ height: 100%; } .footer-logo img{ width: 70%; } .desktop-press .project-portfolio .portfolio-content h4{ font-size: 16px !important; } .testimonial-content { font-size:16px; } .mySlides1 .press-content img{ width: 150px !important; } .project-portfolio .mySlides1>img{ position: relative; bottom: 0; } .mobile-service-section{ display:block } .decoraid-service-section{ display:none } .mobile-service-section p { color: #010101; font-size: 18px; text-align: center; line-height: 1.6; margin-top: 20px; padding: 0 70px 0; } .portfolio-second-section h2 { margin-bottom: 25px; } .before-name span, .before-name span:hover, .before-name span:focus{ font-size:24px !important; border: solid 2px #fff; right: 30px; bottom: 30px; } .view-project{ font-size:16px; right: 40px; } .portfolio-second-section.mobile-recent-section{margin-top: 0;} .project-description{padding:10px 0 30px;} .social-icon-share ul li{ width: auto !important;padding: 0 20px;} } @media screen and (max-width:680px){ .signal-block-menu .menu-design li a { font-size: 16px; } .top-sticky-menu .signal-block-menu .menu-design li a { padding: 0 6px 0 0px; } .top-sticky-menu .signal-block-menu .menu-design li:first-child a:before{ right: 2px; margin-top: 1px; height: 16px;} .top-social-icons-design label{ font-size: 16px} .signal-block-menu .menu-design li:first-child a:before{ margin-top: 1px; right: 2px; height: 15px;} .top-sticky-menu.darkHeader{ padding-top: 8px; padding-bottom: 5px;} .top-social li{padding: 0 4px;} .mobile-version-singal .portfolio-second-section .owl-item:hover h4{ padding-top:60px; font-size: 14px !important;} } @media screen and (max-width:648px){ .top-header-second-division .top-social{ padding-left: 10px;} .signal-block-menu .menu-design li:first-child a:before{ margin-top: 1px; right:2px; height: 15px;} } @media screen and (max-width:641px){ .cities-new-first .new-banner-design.wrapper-home { padding: 120px 0; } .content1{ padding: 0 20px;} .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){ line-height: normal !important;} /* .thanks-content{ margin: 129px 0 102px !important; width: 100%;} */ /* #gform_wrapper_3 .gform_body{ width:78%;} */ /* .new-updates{ width:78%; height: 600px;} */ /* #gform_page_3_2 .gform_page_footer{ margin-top:5px;margin-bottom: 0px;} */ /* #gform_page_3_1 .gform_page_footer{ margin-top:79px;} */ /* #gform_next_button_3_1, #gform_submit_button_3{ width:78%; min-width: 180px; margin-top:10px;} */ /* .new-updates .booking-button { width:78%; min-width: 180px; left: 0; margin-top: 138px;} */ #gform_page_3_1, #gform_page_3_2{ padding: 20px 30px 15px;} /* #gform_wrapper_3 .gform_body{ height: 600px;} */ .renovation-first p{ width: 100%;} .new-btn-set { margin-top: -40px !important; padding: 9px 7px; min-width: 150px; font-size: 9px; } .toggle-content p{ font-size: 15px;} .new-banner-design.wrapper-home h2 { letter-spacing: 5px !important; } .renovation-first .mobile-slider .new-btn{ font-size:14px; padding: 10px 22px; } .newsletter-btn-mobile .newsletter-btn{ line-height: 1; height: 44px; } .mobile-footer .panel-heading, .mobile-footer .panel-group .panel{ background-color: transparent !important; border-color: transparent !important; } .mobile-footer .panel-title{ font-size: 14px !important; font-weight: 600; color: #fff; } .mobile-footer .panel-heading{ padding:0 } .mobile-footer .container-fuild{ padding: 0 10px; } .mobile-footer { padding: 40px 0 20px; } .mobile-footer .panel-group .panel{ margin-bottom: 20px; } .mobile-footer .panel-group .panel a{ text-decoration:none } .mobile-footer .panel-collapse .panel-body{ border: none !important; padding: 0; } .mobile-footer .panel-collapse .panel-body ul{ margin-top: 10px; } .mobile-footer .panel-collapse .panel-body ul li{ line-height:1.7 } .mobile-footer .panel-collapse .panel-body ul li a{ color: #fff; font-size: 12px; } .mobile-copyright{ border-top: solid 1px #fff; margin-top: 30px; } .mobile-copyright .footer-logo{ margin-top: 15px; margin-bottom: 10px; } .mobile-copyright .footer-logo img{ width: 220px; } .mobile-copyright .copyright-2{ text-align: center; color: #fff; font-size: 14px; } .copyright-section{ text-align: center; border-top: solid 1px #fff; margin-top: 18px; padding-top: 10px; } .copyright-section a{ color:#fff } .copyright-section p{ color: #fff; font-size: 14px; } .copyright-section a:hover{ color:#fff !important; text-decoration:none } .mobile-how-it-works .owl-item .item a{ border: solid 1px #a38e44; color: #000000; font-size: 14px; width: 100%; display: table; padding: 11px 9px; text-align: center; text-decoration:none; font-weight: 600; margin-bottom: 30px; } .mobile-how-it-works .owl-item.active{ text-align:center } .mobile-how-it-works .owl-item.active .item a{ border: solid 1px #a38e44; background:#a38e44; color: #fff; text-decoration:none; font-size: 14px; width: 100%; letter-spacing: 0.5px; display: table; padding: 11px 9px; text-align: center; font-weight: 600; margin-bottom: 30px; } .mobile-how-it-works .owl-item .item a:hover, .mobile-how-it-works .owl-item .item a:focus{ border: solid 1px #a38e44; background:#a38e44; color: #fff; text-decoration:none; font-size: 14px; width: 100%; display: table; padding: 11px 9px; text-align: center; font-weight: 600; margin-bottom: 30px; } .mobile-how-it-works .owl-item.cloned .item a{ text-align: right; } .mobile-how-it-works .owl-item .item a{ text-align:left; } .mobile-how-it-works .owl-item.cloned.active .item a{ text-align:center; } .mobile-how-it-works .owl-item.active img{ box-shadow: 0px 1px 3px 3px #c3c3c3; } .mobile-how-it-works .owl-item img{ margin-bottom:20px; border-radius: 1px; } .mobile-how-it-works{ margin-top: 40px; } .how-it-works-mobile-content p{ color: #000; font-size: 14px; line-height: 1.8; } .mobile-service-section{ display:block } .home-page-first-section{ margin-top: 0; background: #f3f3f3; padding:30px 0 40px; } .portfolio-second-section{ margin-top: 35px; } .project-portfolio .column{ width: 10px; } .project-portfolio .column img.active{ border: solid 5px #a38e44; height: 10px; border-radius: 100%; } .project-portfolio .column img{ border: solid 5px #fff; height: 10px; border-radius: 100%; } .project-portfolio .mySlides img{ min-width: 910px !important; min-height: 280px !important; margin-left: -250px; } .project-portfolio .mySlides1 img{ min-width: 910px !important; min-height: 280px !important; margin-left: -250px; } .title-border:after{ width: 120px; } .our-designer-section p{ color:#000 } .mobile-contact-section { display: block; } .mobile-service-section{ margin-top: 50px } .renovation-mo{ margin-top: 0px } .mobile-service-section .title-small-content{ font-size: 14px !important; margin-top: 20px !important; } .mobile-service-section .title-border:after{ margin-top: 18px; } .press-service-section{ margin-top: 30px; } .mobile-how-it-works .owl-item p{ color:#000; padding-bottom:0px; } .mobile-how-it-works .owl-item p:last-child{ padding-bottom: 20px; } .portfolio-second-section .h6 { font-size: 14px !important; margin-top:15px !important; } .portfolio-second-section .title-border:after{ margin-top:25px; } .mobile-how-it-works .owl-item, .mobile-how-it-works .owl-item{ opacity:0.5 } .mobile-how-it-works .owl-item.active{ opacity:1 } .footer-sticky a, .footer-sticky a:hover{ display: initial !important; margin-left: 20px !important; } .mobile-project{ display:block } .project-portfolio{ display:none } .mobile-project a{ font-size: 16px; color: #fff !important; text-decoration:none !important; margin: 0 auto; margin-top: 20px; } .mobile-project a span{ background: transparent !important; display: inherit !important; width: auto !important; height: auto !important; font-size: 20px !important; margin: auto !important; margin-left: 7px !important; } .press-service-slider .press-content h4{ margin-bottom: 10px; } .desktop-portfolio{ display:none } .mobile-portfolio{ display:block } .mobile-press{ display:block } .desktop-press{ display:none } .mobile-service-section p { color: #010101; font-size: 14px; text-align: center; line-height: 1.6; margin-top: 20px; padding: 0 70px 0; } .press-content{ position: absolute; top: 0; z-index: 111111; left: 0; right: 0; text-align: center; vertical-align: middle; height: 100%; display: grid; align-items: center; padding-top: 0; } .newsletter-btn{ position:relative; right: 6px; float: none } .press-service-slider .owl-carousel .owl-item .item>img{ position: absolute; bottom: 0; } .portfolio-second-section .owl-nav .owl-next:before, .portfolio-second-section .owl-nav .owl-prev:after{ font-size:45px; } .mobile-how-it-works .owl-item.active .item a.black-btn{ width: auto !important; padding: 11px 30px !important; } .mobile-how-it-works .owl-item .item .black-btn{ width: auto !important; padding: 11px 30px !important; } .testimonial-content{ width: 90%; } .renovation-testimonial .owl-dots{ margin-top: 30px; } .page-template-toronto-new-php .new-banner-design.wrapper-home h2{ font-size:20px !important; } .page-template-before-after-landing-new-php .new-banner-design.wrapper-home h2 { letter-spacing:normal; font-size: 20px !important; } /* .page-template-renovation_new-php .consultaion-section .h6{ font-size:14px !important; } .page-template-renovation_new-php .consultaion-section .h2{ font-size:18px !important; } */ .new-banner-design.wrapper-home h2{ padding: 0 10px; font-size: 20px !important; } .new-banner-design.wrapper-home h3{ padding: 0 30px; font-size:18px !important; margin-top:40px; line-height: 26px; } .cities-first-content h4{ font-size:40px !Important } .cities-list .city-name h4{ font-size:22px !important; } .page-template-cities_new .cities-list .city-name { width:500px; margin-top:25px; margin-right:25px; } .cities-list .city-name a{ font-size:16px } .page-template-cities_new .cities-list .city-name a { font-size: 16px; } .page-template-before-after-landing-new-php .cities-list .city-name { margin-top: 5px; margin-right: 5px; } .page-template-before-after-landing-new-php .cities-list .city-name { width:440px; } .page-template-before-after-landing-new .page-template-cities_new .cities-list .city-name h4{ font-size: 15px !important; } .page-template-before-after-landing-new .cities-list .city-name a { font-size: 13px; } .before-img { width:150px; } .before-img img { border: solid 2px #d4d4d4; } .before-img .before-text{ font-size: 16px; } .new-banner-design.wrapper-home{ padding:80px 0; } .page-template-general_contractors_new .new-banner-design.wrapper-home{ padding:80px 0; } .before-name span, .before-name span:hover, .before-name span:focus{ font-size:22px !important; border: solid 2px #fff; right: 30px; bottom: 30px; } .view-project{ bottom:20px; font-size:14px; right:40px; } .left-project{ right: 50% !important;} .page-template-general_contractors_new .home-page-first-section { margin-top: 0; margin-bottom: 0; } .page-template-general_contractors_new .home-page-first-section h4 { font-size: 18px !important; } .page-template-portfolio_individual_new .home-page-first-section{ background: transparent;} /* .page-template-portfolio_individual_new .consultaion-section .h2{ font-size: 20px !important;} .page-template-portfolio_individual_new .consultaion-section .h6{font-size:18px !important;} */ .project-description ul li{ margin-bottom: 40px; width:100%;} .project-description ul li:after{display:none} .project-description ul { border: none; padding-top: 0; } .project-description ul li:nth-child(4):after{ left: 0;} .portfolio-second-section.mobile-recent-section{margin-top: 0;} .project-description{padding:10px 0 30px;} .social-icon-share ul li{ width: auto !important;padding: 0 20px;} .mobile-recent-section.portfolio-second-section .owl-item.active .item{ box-shadow: none;} .mobile-recent-section.portfolio-second-section .owl-item h4{ font-size: 14px !Important; padding-bottom: 0;} .project-detail h3{ font-size: 14px;} .page-template-portfolio_individual_new .project-portfolio .mySlides1>img{ min-width: auto !important; margin-left: 0 !important; min-height: auto !important;} .page-template-portfolio_individual_new .home-page-first-section h1{ font-size:20px !important;} .page-template-portfolio_individual_new .project-portfolio .mySlides1{height: 400px;} .page-template-portfolio_individual_new .project-portfolio .prev:hover, .page-template-portfolio_individual_new .project-portfolio .next:hover{ background: transparent;} .page-template-portfolio_individual_new .project-portfolio .next, .page-template-portfolio_individual_new .project-portfolio .prev{background: transparent;} .page-template-portfolio_individual_new .project-portfolio .prev .fa, .page-template-portfolio_individual_new .project-portfolio .fa{ color: #000;} .page-template-portfolio_individual_new .new-banner-design.wrapper-home { margin-top: 18px;} } @media screen and (max-width:640px){ .mobile-contact-section .social-icon li a i.fa { line-height: 29px; } .cities-new-four .testimonial-content { font-size: 14px; margin-top: 20px; } .our-designer-section .testimonial-content p, .testimonial-content .screen-city-btn { font-size: 14px; } .page-template.page-template-city .our-neighbourhood-section { padding: 50px 0 0px; } .page-template-general_contractors_new .home-page-first-section.cities-new-second { margin-top: 0px; } #gform_wrapper_3 .gform_body {margin-top: 70px;} .lSSlideOuter .lightSlider li img{height:300px !important;} .signal-block-menu .menu-design li a{ font-size: 15px;} .top-social-icons-design label{font-size: 15px;} .top-social li a { color: #fff; background: #000000; width: 28px; height: 28px; border-radius: 100%; float: left; text-align: center; line-height: 30px; font-size: 14px; } .top-social-icons-design ul li a .fa-instagram{ top: 0;} .signal-block-menu .menu-design li a {padding:0 6px 0 3px;} .signal-block-menu .menu-design li .sub-menu a{padding-left: 10px;} .signal-block-menu.top-header-first-division .menu-design li:first-child a { padding-left:0px; } .signal-block-menu .sub-menu li:first-child a{ padding-left:10px !important;} .top-sticky-menu .signal-block-menu .sub-menu li a{ padding-left:10px !important;} .tag-list ul{ width: 85%;} } @media screen and (max-width:600px){ .top-sticky-menu.darkHeader .top-header-second-division{ position: relative; left: -7px;} .top-sticky-menu .top-header-second-division .top-social{ float: left; padding-left:10px; } } @media screen and (max-width:590px){ .top-header-second-division .top-social-icons-design label{padding-left: 0;} .top-header-second-division .top-social li{ padding: 0 3px;} .top-header-second-division .top-social{padding-left:7px;} } @media screen and (max-width:570px){ .top-sticky-menu .signal-block-menu .menu-design li a{ padding: 0 3px 0 0px;} .top-sticky-menu .signal-block-menu .menu-design li:first-child a:before { right:1px; margin-top: 1px; height: 15px; } .top-social li { padding: 0 1px; } .signal-block-menu .menu-design li a { font-size: 15px; } .signal-block-menu .menu-design li a { padding: 0 5px 0 0px; } .signal-block-menu .menu-design li .sub-menu a { font-size:14px !important; } .tag-list ul{ width: 85%;padding-left: 20px; float: right;} .popular-blog ul li{ margin-right: 19px;} .mobile-version-singal .portfolio-second-section .owl-item:hover h4 { padding-top: 50px; font-size: 12px !important; } .signal-block-menu .menu-design li a{font-size: 15px;padding: 0 5px 0 0px;} } @media screen and (max-width:560px){ .top-header-second-division .top-social li{ padding: 0 1px;} .top-header-second-division .top-social{padding-left:5px;} .popular-blog ul li{ width: 47.9%;} } @media screen and (max-width:521px){ .single-post #middle div { font-size: 14px; } .signal-block-menu .menu-design li a{ font-size: 22px;padding: 0 5px 0 11px;} .signal-block-menu .menu-design li:first-child a:before{ height: 21px; right: -3px; margin-top: 3px;} .top-sticky-menu .signal-block-menu .menu-design li:first-child a:before { right:-5px; margin-top: 3px; height: 20px; } .top-sticky-menu .signal-block-menu .menu-design li a { padding: 0 3px 0 11px; } #singal-block .container{ width: 100% !important;} .singal-block-title, .content1, #footer{padding: 0 20px;} .rightSidebar1{ padding-left: 20px;} .popular-blog ul li{ min-height:100%; } .popular-blog ul li h4{ line-height: 20px;} .single-post .consultaion-section .h2{font-size:18px !important} .lSSlideOuter .lightSlider li img{height:280px !important;} #gform_wrapper_3 .gform_body, .new-updates { width: 96%; background: rgba(255, 255, 255, 0.90); padding: 10px; left: 0; right: 0; margin: 0 auto; height: 610px; margin-bottom: 10px; } #gform_next_button_3_1, #gform_submit_button_3{ width: 74% !important;} .new-updates .booking-button { width: 74% !important; } .top-sticky-menu.darkHeader{padding-top: 10px;} .top-sticky-menu .top-header-second-division{display:none} .top-sticky-menu .signal-block-menu{ width: 100%;text-align: center;} .top-social-icons-design{display:none} .top-header-second-division{width:100%} .signal-block-menu {text-align: center;width: 100%; margin-bottom: 0px;} .search-bar-design{border: solid 4px #ffffff; float:none; width:95%; position: relative; margin: 0 auto; clear: both; display: table; } .search-bar-design input{ padding: 15px 10px;height: 35px;font-size: 15px;} .singal-block-title h1{ font-size: 20px !important; line-height: 35px;} .singal-block-title{margin-bottom: 15px;margin-top: 20px;} .tag-list ul{margin-left: 0;} .popular-blog ul li{width: 100%;margin-bottom: 15px} .popular-blog ul li:nth-child(4){margin-bottom: 15px} .popular-blog ul li:nth-child(4) h4{margin-bottom:10px} .popular-blog ul li:nth-child(5){margin-bottom: 15px} .popular-blog ul li:nth-child(5) h4{margin-bottom:10px} .popular-blog ul li:nth-child(6){margin-bottom: 15px} .popular-blog ul li:nth-child(6) h4{margin-bottom:10px} .popular-blog ul li .blog-img{ width: 100%;height: auto;} .prev-btn:before{ padding-right: 0; font-size: 26px; padding-top: 3px;} .single-post .text-button{ text-align: center; line-height: 15px; padding:1px 10px; width: auto; font-size:0 !important;} .single-post .next-btn:after{ padding-left: 0; font-size: 26px; padding-top: 3px;} .popular-title{ font-size: 18px !important;} .sidebar-title{ font-size: 18px !important; } .mobile-version-singal .sidebar-social-icons{ top:8px;} .leftSidebar1{margin-top: 10px;} .popular-blog{ padding-bottom: 40px;display: table;} .sidebar-social-icons li a .fa{ margin-right:20px;} .mobile-version-singal .sidebar-title{ padding-right: 25px;line-height: 23px;} .mobile-version-singal .sidebar-title:after{ margin-right: 11px;} .mobile-version-singal .portfolio-second-section .owl-item:hover h4 { font-size: 18px !Important; padding: 80px 11px; line-height: 1.4; } #middle p {font-size: 14px;} #middle ul li{font-size: 14px;} #middle h2 {font-size: 18px !important; line-height: 25px;} } @media screen and (max-width:480px){ .single-portfolio_type .page-template-portfolio_individual_new { margin-top: 60px; } .signal-block-menu .menu-design li a{ font-size: 20px;} .signal-block-menu .menu-design li:first-child a:before{ height: 20px; right: -3px; margin-top: 2px;} .singal-logo{margin: 40px 0px 12px;} .mobile-version-singal .sharing-icons{ text-align: left;} .single-post .consultaion-section .h2{font-size:15px !important} .single-post .consultaion-section .h6{font-size:14px !important} body.single-post>header{top:0px;} .lSSlideOuter .lightSlider li img{height:250px !important;} .mobile-version-singal .portfolio-second-section .owl-item:hover h4 { font-size: 18px !Important; padding:70px 11px; line-height: 1.4; } .search-bar-design input{ width: 95%;} } @media screen and (max-width:480px){ .consultaion-section h4.h2 { padding-left: 15px; padding-right: 15px; } div[id="web-view"] > main[id="decormag-feed"] article, div[id="global-components"] > main[id="decormag-feed"] article, div[id="web-view"] > section[id="decormag-feed"] article, div[id="global-components"] > section[id="decormag-feed"] article{ max-height: inherit !important; } .top-sticky-menu .signal-block-menu .menu-design li:first-child a:before { right:-4px; margin-top:3px; height: 17px; } .top-sticky-menu .signal-block-menu .menu-design li a { padding: 0 3px 0 11px; } } @media screen and (max-width:450px){ .signal-block-menu .menu-design li a{ font-size:18px;} .signal-block-menu .menu-design li:first-child a:before{ height: 17px; right: -3px; margin-top: 2px;} .mobile-version-singal .portfolio-second-section .owl-item:hover h4 { font-size: 14px !Important; padding:65px 11px; line-height: 1.4; } .top-sticky-menu .signal-block-menu .menu-design li:first-child a:before { right:-4px; margin-top:2px; height: 17px; } } @media screen and (max-width:419px){ .signal-block-menu .menu-design li a{ font-size:16px;} .signal-block-menu .menu-design li:first-child a:before{ height: 16px; right: -3px; margin-top: 1px;} .thanks-content p { line-height: 1.5; font-size: 17px;} .top-sticky-menu .signal-block-menu .menu-design li:first-child a:before { right: -4px; margin-top: 1px; height: 15px; } } @media screen and (max-width:398px){ .lSSlideOuter .lightSlider li img{height:210px !important;} .thanks-content p { line-height: 1.6; font-size: 16px;} .single-post .consultaion-section .h2{font-size:13px !important} .single-post .consultaion-section .h6 { font-size: 13px !important; } } @media screen and (max-width:378px){ .thanks-content p { font-size: 15px; line-height: 1.7; } .popular-title{font-size: 14px !important;} .mobile-version-singal .portfolio-second-section .owl-item:hover h4 { font-size: 14px !Important; padding:40px 11px; line-height: 1.4; } .signal-block-menu .menu-design li:first-child a:before{ height: 16px; right: -3px; margin-top: 1px;} } @media screen and (max-width:359px){ .thanks-content p { font-size: 14px; line-height: 1.8; } .signal-block-menu .menu-design li a { font-size: 15px; } .top-sticky-menu .signal-block-menu .menu-design li:first-child a:before { right:-4px; margin-top: 1px; height: 14px; } } @media screen and (max-width:487px){ #gform_page_3_2 .logo-update h5{ font-size: 17px;} } @media screen and (max-width:640px) and (min-width:480px) { /* .lSSlideOuter .lightSlider{ height:250px !important;} */ .new-btn-set { margin-top: -28px !important; padding: 7px 7px; min-width: 110px; font-size: 7px; } h2, .h2{ font-size: 18px !important; } .wrapper-home h1{ font-size: 30px; } .wrapper-home h3{ font-size: 16px !Important;} .wrapper-home .new-btn{ display:none } .cities-list{ display:none } .page-template-cities_new .cities-list{ display:block } .wrapper-home{ padding: 100px 0; margin-top: 70px; } .ba-content{ width: 100%; padding: 10px 20px 0px; margin: 0 auto; display: table;} .mobile-slider{ display:block; text-align: center; width: 90%; margin: 0 auto; } .dektop-slider{ display:none } .home-page-first-section p{ font-size: 16px; } .mobile-slider .new-btn{ display: table; margin: 0 auto; font-size: 14px; margin-top: 20px; } .howitworks-second-section{ display:none } .portfolio-second-section .owl-item h4{ font-size:18px !Important; padding:20px 15px } .portfolio-second-section .owl-item, .portfolio-second-section .owl-item.cloned{ position:relative; top:20px; } .portfolio-second-section .owl-item.active{ top:0; position:relative; } .mobile-how-it-works .owl-item, .mobile-how-it-works .owl-item img{ position:relative; top:20px; } .mobile-how-it-works .owl-item.active img{ top:0; position:relative; } .portfolio-second-section .owl-item.active .item{ box-shadow: 2px 3px 6px #ccc; } .rightSidebar1 .portfolio-second-section .owl-item.active .item{ box-shadow:none; } .portfolio-items-list{ margin-top: 25px; } .project-portfolio{ margin-top: 35px; } .home-slide-section .project-portfolio{ margin-top: 25px;} .project-portfolio .prev, .project-portfolio .next{ display:none } .page-template-portfolio_individual_new .project-portfolio .prev, .page-template-portfolio_individual_new .project-portfolio .next{display:block} .project-portfolio .portfolio-content h4{ font-size: 14px !important; } .project-portfolio .portfolio-content{ margin-left: 0; position: relative; margin: 0 auto; margin-top: 30px; width: 90%; text-align: center; } .thumbnil-img-slide{ bottom: 5px; } .project-portfolio .mySlides{ height: 300px; } .project-portfolio .mySlides:after{ height: 100%; } .project-portfolio .mySlides1{ height: 300px; } .project-portfolio .mySlides1:after{ height: 100%; } .project-portfolio .portfolio-content a{ font-size:14px } .our-designer-section p{ font-size: 14px; } .testimonial-content { font-size:14px; } .our-designer-section .our-designer-content{ width: 90%; padding: 50px 0; } .decoraid-service-section{ display:none } .press-service{ padding:40px 0 40px 0; } .press-service-slider .press-content h4{ font-size: 14px !important; width: 90%; } .press-service-slider .item{ height:300px; } .press-service-slider .press-content img{ width: 30% !important; margin-top: 20px; } .press-service-slider .press-content span{ margin-top: 15px; } .page-template-before-after-individual .consultaion-section{ padding:100px 10px; } .connect-us-section{ display:none } .consultaion-section{ padding: 50px 0; } .consultaion-section h4{ font-size: 14px !important; } .consultaion-section .h6 { font-size: 18px !important; } .mobile-contact-section{ background: #f3f3f3; padding: 40px 0; text-align: center; } .mobile-contact-section .newsletter-btn-mobile input[type="email"]{ width: 270px; height: 44px; padding: 0 10px; border: none; } .newsletter-btn-mobile .newsletter-btn{ font-size: 14px; padding: 14px } .mobile-contact-section .social-icon li a{ background: #000; color: #fff; width: 30px; height: 30px; display: table; border-radius: 100%; line-height: 2.2; } .mobile-contact-section .social-icon { margin: 0 auto; text-align: center; width: 100%; display: table; margin-top: 40px; margin-bottom: 40px; } .mobile-contact-section .social-icon li { display: inline-block; height: auto; float: none; width: auto; padding-top: 0; margin: 5px; } .mobile-contact-section .phone-mobile{ display: inline-block; margin: 0 50px; } .mobile-contact-section .mail-mobile{ display: inline-block; margin: 0 50px; } .mobile-contact-section .phone-mobile a{ color: #000000; font-size: 14px; text-decoration:none } .mobile-contact-section .mail-mobile a{ color: #000000; font-size: 14px; text-decoration:none } .mobile-footer{ display: block; background: #231f20; float: left; width: 100%; } .footer, .copyright{ display:none } .mobile-how-it-works{ display:block } .press-service-slider .owl-carousel .owl-item img{ height: 400px; width: 620px; min-width: 860px; margin-left: -250px; } .press-service-slider .owl-carousel .owl-item .press-content img{ width:auto !important; min-width: auto !important; min-height: auto; height: auto; margin-left: 0; } .consultaion-section .golden-btn{ font-size: 13px; } .before-btn-first{ font-size: 13px !important; padding: 5px 21px;} .page-template-general_contractors_new .new-banner-design.wrapper-home h3{ font-size:20px !important; line-height: 24px; } .page-template-cities_new .new-banner-design.wrapper-home h2,.page-template-before-after-landing-new-php .new-banner-design.wrapper-home h2{ letter-spacing: 4px; line-height: 24px; font-size:20px !Important; } } @media screen and (max-width:560px) and (min-width:480px) { #related-project-list ul li .related-pro-cont { padding-top: 50px; } .wrapper-home{ padding: 60px 0; } .painting-text .item h2{ font-size: 30px !important; line-height: 35px; } .painting-text .item p{ font-size: 18px; } .renovation-testimonial .owl-dots { margin-top: 10px; } .testimonial-content { font-size:14px; } .page-template-cities_new .cities-list .city-name h4 { font-size:16px !important; line-height:15px; } .page-template-cities_new .cities-list .city-name{ width: 430px; } .dark-grey nav{ margin-right: 0; } .ba_2, .ba_1{ width: 48.5%;} .page-template-painting_new-php .painting-text .item a{font-size:18px} } @media screen and (max-width:480px) and (min-width:320px) { .search-bar-design{ width:85%;} .mobile-version-singal .sidebar-social-icons ul li{ padding-right:10px;} #singal-block .container{ width: 100% !important;} .singal-block-title, .content1, #footer{padding: 0 30px;} .rightSidebar1{ padding-left:30px;} .singal-logo{ padding: 0 30px;} .sidebar-social-icons li a img{ margin-right: 20px;} .tag-list ul{ width: 80%;} .sub-menu li{min-width: 160px;} .wrapper-home h3{ font-size: 16px !Important;} .sub-menu{min-width:160px;} .signal-block-menu .menu-design li .sub-menu a{ font-size: 11px !important; line-height: 30px;} .lSAction > .lSNext{ background-size: 20px !important; background-repeat: no-repeat; width: 20px;} .lSAction > .lSPrev { background-size: 20px !important; background-repeat: no-repeat; width: 20px; } ./* lSSlideOuter .lightSlider{ height: 160px !important;} */ .page-template-painting_new-php .painting-text .item a{font-size:18px} .project-portfolio .prev, .project-portfolio .next{display:block !important;} .project-description{ padding:0px 0 0px;} .project-description ul{border:none; padding-top: 0;} .project-description ul li{width: 100%; margin-bottom: 20px;} .project-description ul li:after{display:none} /* .page-template-portfolio_individual_new .consultaion-section .h2{ font-size: 16px !important;} .page-template-portfolio_individual_new .consultaion-section .h6{ font-size: 16px !important;} */ .page-template-portfolio_individual_new .home-page-first-section h1{ font-size: 18px !important; margin-bottom: 20px} .page-template-portfolio_individual_new .home-page-first-section p, .page-template-portfolio_individual_new .home-page-first-section p a{ font-size: 14px;} .page-template-portfolio_individual_new .limited-character p, .page-template-portfolio_individual_new .limited-character p a{ font-size: 14px;} .page-template-portfolio_individual_new .new-banner-design.wrapper-home { padding: 150px 0;} #gform_page_6_2 .logo-update h5 span { display: initial; } /* .logo-update h5, .thanks-content p{font-size:15px;} */ /* .thanks-content { margin:77px 0 107px !important; width: 100%; } */ .new-btn-left { left: -3px !important; } .new-btn-set { left: 0px; margin-top: -25px !important; padding: 4px 7px; min-width: 110px; font-size:5px !important; } .page-template-general_contractors_new .home-page-first-section h4 { font-size: 18px !important; } .page-template-general_contractors_new .home-page-first-section h4{ line-height: 2;} .before-after-content .home-page-first-section p{font-size:14px;} .ba-content { width: 100%; padding: 10px 20px 0px; margin: 0 auto; display: table;} .ba-content p{font-size:14px;} .view-project{ bottom:20px; font-size:10px;padding: 6px 13px; right:25px; } .before-name span, .before-name span:hover, .before-name span:focus{ font-size:18px !important; border: solid 2px #fff; right:10px; bottom:10px; } .new-banner-design.wrapper-home{ padding:80px 0; } .testimonial-content { font-size:14px; } .consultaion-section .h2 { font-size: 20px !important; } .renovation-mobile-portfolio h2{ margin: 0 auto; line-height: 1.5; padding: 0 40px; } .consultaion-section .golden-btn{ font-size: 10px; } .before-btn-first{ font-size: 10px !important; padding: 5px 10px;} h2, .h2{ font-size: 18px !important; } .wrapper-home h1{ font-size: 30px; } .wrapper-home .new-btn{ display:none } .cities-list{ display:none } .page-template-cities_new .cities-list{ display:block } .wrapper-home{ padding: 45px 0; margin-top: 64px; } .mobile-slider{ display:block; text-align: center; width: 90%; margin: 0 auto; } .dektop-slider{ display:none } .home-page-first-section p{ font-size: 16px; } .mobile-slider .new-btn{ display: table; margin: 0 auto; font-size: 10px; margin-top: 20px; letter-spacing: 0; } .howitworks-second-section{ display:none } .portfolio-second-section .owl-item h4{ font-size: 14px !Important; padding: 20px 11px; line-height: 1.4; } .portfolio-second-section .owl-item, .portfolio-second-section .owl-item.cloned{ position:relative; top:20px; } .portfolio-second-section .owl-item.active{ top:0; position:relative; } .portfolio-second-section .owl-item.active .item{ box-shadow: 2px 3px 6px #ccc; } .portfolio-items-list{ margin-top: 25px; } .project-portfolio{ margin-top: 35px; } .project-portfolio .prev, .project-portfolio .next{ display:none } .project-portfolio .portfolio-content h4{ font-size: 14px !important; } .project-portfolio .portfolio-content{ margin-left: 0; position: relative; margin: 0 auto; margin-top: 30px; width: 90%; text-align: center; } .thumbnil-img-slide{ bottom:15px; } .project-portfolio .mySlides{ height: 300px; } .project-portfolio .mySlides:after{ height: 100%; } .project-portfolio .mySlides1{ height: 300px; } .project-portfolio .mySlides1:after{ height: 100%; } .project-portfolio .portfolio-content a{ font-size:14px } .our-designer-section p{ font-size: 14px; } .our-designer-section .our-designer-content{ width: 90%; padding: 50px 0; } .decoraid-service-section{ display:none } .press-service{ padding:40px 0 40px 0; } .press-service-slider .press-content h4{ font-size: 14px !important; width: 90%; } .press-service-slider .item{ height:300px; } .press-service-slider .press-content img{ width: 30% !important; margin-top: 20px; } .page-template-before-after-individual .consultaion-section{ padding:100px 10px; } .press-service-slider .press-content span{ margin-top: 15px; } .connect-us-section{ display:none } .consultaion-section{ padding: 50px 0; } .consultaion-section h4{ font-size: 11px !important; line-height: 2; } .consultaion-section .h6{ font-size:16px !important; } .mobile-contact-section{ background: #f3f3f3; padding: 40px 0; text-align: center; } .mobile-contact-section .newsletter-btn-mobile input[type="email"]{ width:230px; height: 44px; padding: 0 10px; border: none; } .newsletter-btn-mobile .newsletter-btn{ font-size: 14px; padding: 14px } .mobile-contact-section .social-icon li a{ background: #000; color: #fff; width: 30px; height: 30px; display: table; border-radius: 100%; line-height: 2.2; } .mobile-contact-section .social-icon { margin: 0 auto; text-align: center; width: 100%; display: table; margin-top: 40px; margin-bottom: 40px; } .mobile-contact-section .social-icon li { display: inline-block; height: auto; float: none; width: auto; padding-top: 0; margin: 5px; } .mobile-contact-section .phone-mobile{ display: inline-block; margin: 0 20px 0 0; } .mobile-contact-section .mail-mobile{ display: inline-block; margin:0 0px 0 14px; } .mobile-contact-section .phone-mobile a{ color: #000000; font-size: 14px; text-decoration:none } .mobile-contact-section .mail-mobile a{ color: #000000; font-size: 14px; text-decoration:none } .mobile-footer{ display:block; background:#231f20; } .footer, .copyright{ display:none } .mobile-how-it-works{ display:block } .press-service-slider .owl-carousel .owl-item img{ height: 400px; width: 620px; min-width: 860px; margin-left: -250px; } .press-service-slider .owl-carousel .owl-item .press-content img{ width: auto !important; min-width: auto !important; min-height: auto; height: auto; margin-left: 0; } .mobile-how-it-works .owl-item.active .item a, .mobile-how-it-works .owl-item.active .item a{ padding: 11px 4px !important; font-size: 12px; } .mobile-how-it-works .container-fuild{ padding: 0 0px; } .mobile-service-section .h2{ padding: 0 10px; } .mobile-how-it-works .owl-item img, .mobile-how-it-works .owl-item.cloned img{ position:relative; top:20px; } .mobile-how-it-works .owl-item.active img{ top:0; position:relative; } body > header > .wrapper nav [rel="book-now"]{ display: block; width: 100%; position: relative; height: 0; background: #000; top: 12px; left: inherit; border: 0; line-height: 35px; right: 10px; text-align: right; } body > header > .wrapper nav button.mobile-nav-trigger{ margin-right: 0px !important; margin-top: 7px; } body > header > .wrapper{ margin-top: 3px; } body > header > .wrapper nav > ul{ top: 65px; } body>header>.wrapper a[id="decoraid-logo"] { margin-left:5px; } .dark-grey nav { float: right; margin-right: 2px; } .painting-text .item{ height: 300px; } .painting-text .item h2{ font-size:30px !important; line-height:30px; } .page-template-painting_new-php .painting-text .item img{height: 100%;} .painting-text .item p{ font-size:16px; } .renovation-testimonial .owl-dots { margin-top: 10px; } .page-template-cities_new .cities-list .city-name h4 { font-size:14px !important; } .page-template-cities_new .cities-list .city-name a { font-size: 14px; } .page-template-cities_new .cities-list .city-name { width:338px; margin-top:5px; margin-right:5px; } .page-template-before-after-landing-new-php .cities-list .city-name{ width: 300px !important; } .page-template-before-after-landing-new-php .cities-list .city-name h4 { font-size: 10px !important; margin-bottom: 0; } .page-template-before-after-landing-new-php .cities-list .city-name a{ font-size:9px; } .page-template-before-after-landing-new-php .cities-list .city-name h4 span{ display: contents; } .before-img{ bottom: 10px; left: 10px; width: 120px } .before-img .before-text { font-size: 12px; } .side-city-content h2{ font-size: 34px !important; line-height: 29px; } .side-city-content p { font-size: 16px; } .side-city-content h4{ font-size: 20px !important; line-height: 29px; margin-top: 13px; margin-bottom: 10px; } .side-city-content p{padding-right:0px;line-height: 34px;} .before-btn{ font-size: 10px;} .page-template-cities_new .cities-list .city-name{ padding: 0px 5px 5px; } .cities-first-content h4{ font-size: 30px !Important; } .cities-first-content p{ font-size: 16px; } .cities-first-content a{ font-size: 14px; } .before-img img { border: solid 1px #d4d4d4; } .before-img .before-text { font-size: 12px; right: 8px; } .page-template-before-after-landing-new .page-template-cities_new .cities-list .city-name h4 { font-size: 13px !important; } .page-template-general_contractors_new .new-banner-design.wrapper-home h3{ font-size:18px !important } .page-template-cities_new .new-banner-design.wrapper-home h2,.page-template-before-after-landing-new-php .new-banner-design.wrapper-home h2{ letter-spacing: 4px; font-size:18px !Important; } #gform_page_6_1, #gform_page_6_2{padding: 20px;} .new-updates #user-contact{ padding: 30px 20px;} /* .new-updates .logo-update img{ width:94%} */ .before-after-content .new-btn{ font-size: 12px !important;} .ba_2, .ba_1{ width: 48.3%;} #related-project-list ul li:nth-child(3), #related-project-list ul li:nth-child(4), #related-project-list ul li:nth-child(2){display:none;} #related-project-list ul li .project-img{ width:100%; height: auto;} #related-project-list ul li .project-img img{ height: auto;} #related-project-list ul li .related-pro-cont {padding-top: 20px;} #open-close-toggle{ margin-left: 10px;} #related-project-list ul {margin: 12px 20px 2px 10px;} #related-project-list ul li .related-pro-cont{ width:100%; padding-top:10px; padding-left: 0;} #related-project-list ul li .related-pro-cont a{ line-height: 25px;} #open-close-toggle{ font-size: 14px;} } .mobile-thanks{display:none} @media screen and (max-width:511px){ .desktop-thanks{display:none} .mobile-thanks{display:block} } @media screen and (max-width:420px){ .mobile-version-singal .sidebar-social-icons ul li{ padding-right:5px;} } @media screen and (max-width:400px){ .form-logo{ height: 68px;} .logo-update img{width: 90%;} .mobile-version-singal .sidebar-social-icons ul li{ padding-right:8px;} .mobile-version-singal .sidebar-social-icons ul li:last-child{padding-right:0} .mobile-version-singal .sidebar-social{ position: relative; top: 3px;} } @media screen and (max-width:390px){ .mobile-version-singal .sidebar-social-icons ul li {padding-right:11px;} .sidebar-social-icons li:last-child a .fa{ margin-right: 0;} } @media screen and (max-width:380px){ .next-blog-button a{font-size: 9px;} .next-blog-button span{font-size: 9px; width: 111px;} .previous-blog-button a{font-size: 9px;} .previous-blog-button span{font-size: 9px;width: 132px;} #gform_page_3_2 .logo-update h5 {font-size: 16px;} .single-post .consultaion-section .h2{font-size:11px !important} .single-post .consultaion-section .h6 {font-size: 11px !important;} .sidebar-social-icons li a img{ margin-right: 10px;} .sidebar-social-icons li a .fa { margin-right: 10px; } } @media screen and (max-width:350px){ .mobile-version-singal .sidebar-social-icons ul li {padding-right:9px;} } @media screen and (max-width:339px){ .thanks-content p { font-size: 13px; line-height: 1.95; } .signal-block-menu .menu-design li:first-child a:before { height: 15px; right: -3px; margin-top:1px; } @media screen and (max-width:330px){ .mobile-version-singal .sidebar-social-icons ul li {padding-right:8px;} } @media screen and (max-width:361px){ #gform_page_3_2 .logo-update h5 {font-size: 15px;} } @media screen and (max-width:344px){ #gform_page_3_2 .logo-update h5 {font-size: 14px;} .mobile-version-singal .portfolio-second-section .owl-item:hover h4 { font-size: 13px !Important; padding: 30px 11px; line-height: 1.4; } .sidebar-social-icons li a img{ margin-right:5px;} .sidebar-social-icons li a .fa { margin-right:5px; } .tag-list a{ font-size: 13px;} .tag-list ul { width: 78%; } } @media screen and (max-width:326px){ #gform_page_3_2 .logo-update h5 {font-size: 13px;} .lSSlideOuter .lightSlider li img { height: 180px !important; } .mobile-version-singal .portfolio-second-section .owl-item:hover h4 { font-size: 12px !Important; padding: 29px 11px; line-height: 1.4; } .mobile-version-singal .sidebar-social-icons ul li{ padding-right:6px;} } @media screen and (max-width:380px) and (min-width:320px) { .painting-text .item h2{ font-size:30px !important; line-height: 40px; } .ba_2, .ba_1{ width: 48%;} .page-template-cities_new .cities-list .city-name { margin-top:5px; margin-right:5px; padding: 0px 10px 10px; } .page-template-before-after-landing-new-php .cities-list .city-name{ width: 286px !important; } .page-template-before-after-landing-new-php .cities-list .city-name h4 { font-size:8px !important; } .before-img{ width: 100px; bottom: 5px; left: 5px; } .page-template-before-after-landing-new-php .cities-first-content h4 span{ display: table; } .new-banner-design.wrapper-home{ padding:80px 0; } .page-template-before-after-landing-new .page-template-cities_new .cities-list .city-name h4{ font-size: 10px !important; } .page-template-cities_new .cities-list .city-name a { font-size: 11px; } .page-template-cities_new .cities-list .city-name h4 { font-size: 11px !important; margin-bottom: 5px; } .new-btn-set{ min-width: 70px; margin-top: -21px !important; font-size: 5px !important; left: 2px;} .new-btn-left { left: -3px !important; } } @media screen and (max-width:352px){ /* .new-updates .booking-button{ margin-top:94px;} */ } @media screen and (max-width:360px) and (min-width:320px) { .before-after-content .new-btn{ padding: 12px 7px !important;} .mobile-contact-section .newsletter-btn-mobile input[type="email"]{ width: 212px; } .wrapper-home { padding: 34px 0; margin-top: 64px; } .home-page-first-section p{ font-size: 13px ; } .page-template-cities_new .cities-list .city-name { width: 290px; } .page-template-before-after-landing-new .page-template-cities_new .cities-list .city-name h4 { font-size: 9px !important; } .page-template-before-after-landing-new .page-template-cities_new .city-name{ padding: 0px 3px 10px; } .side-city-content h4{font-size:18px !important;} .new-btn-set {font-size:4px !important; } } #middle ul li{list-style: disc !important;} #middle b, .theiaStickySidebar strong{ font-weight: bold !important;} @media all and (-ms-high-contrast:none) { *::-ms-backdrop, .search-bar-design input {padding:6px 10px } /* IE11 */ } } body #field_3_13{display:none !important}