html {
     scroll-behavior: smooth;
 }
 
 body {
     /*padding: 70px 60px;*/
     background-color: #FFFFFF;
     min-height: 100vh;
     background-image: url(../images/bg.jpg);
     background-repeat: repeat-y;
     background-size: 100% auto;
     background-attachment: fixed;
     background-position: center 0;
     /*overflow-x: hidden;
    overflow-y:scroll !important;*/
     transition: 0s linear;
     transition-property: background-position;
 }
 /*@font-face {
  font-family: "ROCC-M";
  src: url("../fonts/Sweet_Dessert_DEMO.ttf");
}*/
 
 @font-face {
     font-family: "OpenSans Regular";
     src: url("../fonts/OpenSans-Regular.ttf");
 }
 
 @font-face {
     font-family: "OpenSans Light";
     src: url("../fonts/OpenSans-Light.ttf");
 }
 
 @font-face {
     font-family: "OpenSans Bold";
     src: url("../fonts/OpenSans-Bold.ttf");
 }
 
 @font-face {
     font-family: "OpenSans Semibold";
     src: url("../fonts/OpenSans-SemiBold.ttf");
 }
 
 @font-face {
     font-family: "OpenSans BoldItalic";
     src: url("../fonts/OpenSans-BoldItalic.ttf");
 }
 
 @font-face {
     font-family: "OpenSans ExtraBold";
     src: url("../fonts/OpenSans-ExtraBold.ttf");
 }
 
 @font-face {
     font-family: "OpenSans ExtraBoldItalic";
     src: url("../fonts/OpenSans-ExtraBoldItalic.ttf");
 }
 
 @font-face {
     font-family: "OpenSans Italic";
     src: url("../fonts/OpenSans-Italic.ttf");
 }
 
 @font-face {
     font-family: "OpenSans Regular";
     src: url("../fonts/OpenSans-Light.ttf");
 }
 
 @font-face {
     font-family: "OpenSans RegularItalic";
     src: url("../fonts/OpenSans-LightItalic.ttf");
 }
 
 @font-face {
     font-family: "OpenSans SemiboldItalic";
     src: url("../fonts/OpenSans-SemiboldItalic.ttf");
 }
 
 @font-face {
     font-family: "Asap-Bold";
     src: url("../fonts/Asap-Bold.ttf");
 }
 
 @font-face {
     font-family: "Asap-Regular";
     src: url("../fonts/Asap-Regular.ttf");
 }
 
 @font-face {
     font-family: "Asap-Regular";
     src: url("../fonts/Asap-Regular.ttf");
 }
 
 @font-face {
     font-family: "ROCC";
     src: url("../fonts/ROCC.ttf");
 }
 
 @font-face {
     font-family: "ROCC-M";
     src: url("../fonts/ROCC.ttf");
 }
 
 @font-face {
     font-family: "ROCCB";
     src: url("../fonts/ROCCB.TTF");
 }
 
 @font-face {
     font-family: "TitilliumWeb-Bold";
     src: url("../fonts/TitilliumWeb-Bold.ttf");
 }
 
 @font-face {
     font-family: "TitilliumWeb-SemiBold";
     src: url("../fonts/TitilliumWeb-SemiBold.ttf");
 }
 
 @font-face {
     font-family: "TitilliumWeb-Black";
     src: url("../fonts/TitilliumWeb-Black.ttf");
 }
 
 @font-face {
     font-family: "TitilliumWeb-Regular";
     src: url("../fonts/TitilliumWeb-Regular.ttf");
 }
 /*p{
     margin-bottom:20px !important;
 }*/
 
 section {
     display: block;
 }
 
 .logo-container {
     z-index: 9999;
 }
 
 .banner-h1 {
     font-size: 35px;
     color: #995757;
     margin-top: 150px;
     font-family: "ROCCB";
 }
 
 .cst-img-1 {
     width: 90px;
     position: absolute;
 }
 
 .cst-img-2 {
     width: 90px;
     position: absolute;
 }
 
 .cst-img-3 {
     width: 90px;
     position: absolute;
 }
 
 .cst-img-4 {
     width: 90px;
     position: absolute;
     -webkit-animation: spin 4s linear infinite;
     -moz-animation: spin 4s linear infinite;
     animation: spin 4s linear infinite;
 }
 
 .arrow-class {
     text-align: center;
     position: relative;
     /* top: 90px;*/
     /*top:30px;*/
     top: 60px;
     left: -44px;
 }
 
 .pstin {
     position: absolute;
 }
 
 @-moz-keyframes spin {
     100% {
         -moz-transform: rotate(360deg);
     }
 }
 
 @-webkit-keyframes spin {
     100% {
         -webkit-transform: rotate(360deg);
     }
 }
 
 @keyframes spin {
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }
 
 div.navBg {
     z-index: 500;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     /* background-image: url(../image/bg.jpg);*/
     background-repeat: repeat-y;
     background-size: 100% auto;
     -webkit-opacity: 0;
     -moz-opacity: 0;
     opacity: 0;
     -webkit-transition: 0.4s all;
     -moz-transition: 0.4s all;
     -o-transition: 0.4s all;
     transition: 0.4s all;
     pointer-events: none;
 }
 
 div.navBorder {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     border: 50px solid #ffffff;
     pointer-events: none;
     z-index: 5000;
     -webkit-transition: all 0.6s;
     -moz-transition: all 0.6s;
     -o-transition: all 0.6s;
     transition: all 0.6s;
 }
 
 .hover {
     border-width: 125px !important;
 }
 
 a.menuButton:hover {
     width: 125px;
 }
 
 .c-hamburger--htx {
     background-color: rgba(0, 0, 0, 0);
 }
 
 .c-hamburger {
     display: inline-block;
     position: relative;
     overflow: hidden;
     margin: 0;
     padding: 0;
     width: 17px;
     height: 12px;
     font-size: 0;
     text-indent: -9999px;
     box-shadow: none;
     border-radius: none;
     border: none;
     cursor: pointer;
     -webkit-transition: background 0.3s;
     transition: background 0.3s;
 }
 
 .c-hamburger--htx span {
     -webkit-transition: background 0s 0.3s;
     transition: background 0s 0.3s;
 }
 
 .c-hamburger span {
     display: block;
     position: absolute;
     top: 5px;
     left: 0px;
     right: 0px;
     height: 1px;
     background: #df9d9d;
 }
 
 .c-hamburger--htx span::before {
     -webkit-transition-property: top, -webkit-transform;
     transition-property: top, transform;
 }
 
 .c-hamburger--htx span::before,
 .c-hamburger--htx span::after {
     -webkit-transition-duration: 0.3s, 0.3s;
     transition-duration: 0.3s, 0.3s;
     -webkit-transition-delay: 0.3s, 0s;
     transition-delay: 0.3s, 0s;
 }
 
 .c-hamburger span::before {
     top: -5px;
 }
 
 .c-hamburger span::before,
 .c-hamburger span::after {
     position: absolute;
     display: block;
     left: 0;
     width: 100%;
     height: 1px;
     background-color: #df9d9d;
     content: "";
 }
 
 .c-hamburger--htx span::after {
     -webkit-transition-property: bottom, -webkit-transform;
     transition-property: bottom, transform;
 }
 
 .c-hamburger--htx span::before,
 .c-hamburger--htx span::after {
     -webkit-transition-duration: 0.3s, 0.3s;
     transition-duration: 0.3s, 0.3s;
     -webkit-transition-delay: 0.3s, 0s;
     transition-delay: 0.3s, 0s;
 }
 
 .c-hamburger span::after {
     bottom: -5px;
 }
 
 .cst-mainNav {
     -webkit-opacity: 1;
     -moz-opacity: 1;
     opacity: 1;
     pointer-events: all !important;
 }
 
 .fixed-header {
     position: fixed !important;
     top: -5px !important;
     z-index: 99999;
 }
 
 .sticky {
     position: fixed !important;
     top: 0;
     width: 100%;
 }
 
 a.menuButton.left div.inside-btn {
     -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
     -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
     -o-transform: translateX(-50%) translateY(-50%) rotate(90deg);
     -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
     transform: translateX(-50%) translateY(-50%) rotate(90deg);
 }
 
 .custom-menu {
     color: #df9d9d;
     /* font-family:"ROCCB";*/
     font-family: OpenSans Bold;
 }
 
 a.menuButton div.inside-btn {
     display: -webkit-box;
     display: -moz-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-direction: normal;
     -moz-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-box-orient: vertical;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -moz-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     color: #df9d9d;
     outline: none;
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: 3px;
     height: 50px;
     width: 90px;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
     -o-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
 }
 
 a.menuButton.right div.inside-btn {
     -webkit-transform: translateX(-50%) translateY(-50%) rotate(270deg);
     -moz-transform: translateX(-50%) translateY(-50%) rotate(270deg);
     -o-transform: translateX(-50%) translateY(-50%) rotate(270deg);
     -ms-transform: translateX(-50%) translateY(-50%) rotate(270deg);
     transform: translateX(-50%) translateY(-50%) rotate(270deg);
 }
 
 a.menuButton div.inside-btn {
     display: -webkit-box;
     display: -moz-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-direction: normal;
     -moz-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-box-orient: vertical;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -moz-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     color: #000000;
     outline: none;
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: 3px;
     height: 50px;
     width: 90px;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
     -o-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
 }
 
 a.menuButton.left {
     text-align: center;
 }
 
 a.menuButton {
     height: 100%;
     width: 50px;
     position: fixed;
     display: -webkit-box;
     display: -moz-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-direction: normal;
     -moz-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-box-orient: vertical;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -moz-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     z-index: 2000;
     -webkit-transition: all 0.6s;
     -moz-transition: all 0.6s;
     -o-transition: all 0.6s;
     transition: all 0.6s;
 }
 
 .opcityone {
     opacity: 1 !important;
 }
 
 .no-border {
     border: none !important;
     color: #fff !important;
 }
 
 div.navBg.visible {
     display: block;
     -webkit-opacity: 1;
     -moz-opacity: 1;
     opacity: 1;
 }
 
 a {
     text-decoration: none;
 }
 
 a.menuButton.right {
     right: 0;
     text-align: center;
 }
 
 a.menuButton {
     height: 100%;
     width: 50px;
     position: fixed;
     display: -webkit-box;
     display: -moz-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-direction: normal;
     -moz-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-box-orient: vertical;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -moz-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     z-index: 20000;
     -webkit-transition: all 0.6s;
     -moz-transition: all 0.6s;
     -o-transition: all 0.6s;
     transition: all 0.6s;
 }
 
 a {
     text-decoration: none;
 }
 
 nav#mainNav {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image: none;
     background-repeat: repeat-y;
     background-size: 100% auto;
     z-index: 900;
     -webkit-opacity: 0;
     -moz-opacity: 0;
     opacity: 0;
     -webkit-transition: 0.3s opacity;
     -moz-transition: 0.3s opacity;
     -o-transition: 0.3s opacity;
     transition: 0.3s opacity;
     pointer-events: none;
 }
 
 nav#mainNav .inner-nav {
     position: absolute;
     top: 125px;
     left: 125px;
     right: 125px;
     bottom: 125px;
     background-color: #FFFFFF;
     background-image: url(../images/expoted/ost-bg.png);
     background-size: auto 80%;
     background-position: center center;
     background-repeat: no-repeat;
     display: -webkit-box;
     display: -moz-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-direction: normal;
     -moz-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-box-orient: vertical;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -moz-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center;
 }
 
 nav#mainNav .content {
     width: 700px;
     margin: 0 auto;
     display: -webkit-box;
     display: -moz-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-direction: normal;
     -moz-box-direction: normal;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-pack: space-between;
     -moz-box-pack: justify;
     -webkit-justify-content: justify;
     -ms-flex-pack: space-between;
     justify-content: space-between;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-justify-content: space-between;
     -webkit-box-direction: reverse;
     -moz-box-direction: reverse;
     -webkit-box-orient: horizontal;
     -moz-box-orient: horizontal;
     -webkit-flex-direction: row-reverse;
     -ms-flex-direction: row-reverse;
     flex-direction: row-reverse;
 }
 
 nav#mainNav .content div.right {
     width: 50.714286%;
     display: -webkit-box;
     display: -moz-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-direction: normal;
     -moz-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-box-orient: vertical;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -moz-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
 }
 
 nav#mainNav .content div.left {
     width: 49.285714%;
 }
 
 .visible {
     -webkit-opacity: 1;
     -moz-opacity: 1;
     opacity: 1;
     pointer-events: all;
 }
 
 .wrapper {
     background: url('../images/bg.jpg');
     background-attachment: fixed;
     background-size: cover;
     background-repeat: no-repeat;
     background-repeat-x: no-repeat;
     background-repeat-y: repeat;
     overflow: hidden;
 }
 /*============================header css===================================*/
 
 body {
     font-family: "OpenSans Semibold";
 }
 
 .custom-navbar {
     background: #fff;
     border: none;
     padding: 0px 60px;
 }
 
 .custom-navbar .navbar-nav>li>a {
     color: #431311 !important;
     font-family: "Asap-Bold";
     font-weight: 600;
     letter-spacing: 1px;
     font-size: 18px;
 }
 
 .custom-brand {
     width: 242px;
     position: relative;
     top: 0px;
 }
 
 .navbar-expand-lg .navbar-nav {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     padding-right: 100px;
 }
 /*============================header css===================================*/
 /* ============================== body content ============================*/
 
 .custom-logo {
     width: 450px;
 }
 
 .container_h1 {
     position: relative;
     min-height: 100vh;
     height: 100%;
     overflow: hidden;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-direction: column;
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
 }
 
 .container_h1 .swh {
     position: absolute;
     width: 100%;
     height: 100vh;
     top: 0;
     left: 0;
     overflow: hidden;
     pointer-events: none;
 }
 
 .container_h1 .swh>div {
     background: url(../images/website/about-us/about-us.png) no-repeat center center;
     /*  background-size: 110%; */
     background-size: cover;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
 }
 
 .container_h1 .swh__front {
     position: absolute;
     top: 0;
     left: 50%;
     margin: 0 0 0 -391px;
     width: 782px;
     height: 782px;
     border-radius: 50%;
     opacity: 0;
 }
 
 .container_h1 .swh__back--static,
 .swh__front {
     -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
     transition: transform 0.5s, opacity 0.5s;
     -webkit-transform-origin: 50% 60px;
     transform-origin: 50% 60px;
     -webkit-transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
     transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
 }
 
 .banner-headding {
     position: relative;
     top: 8rem;
 }
 
 .banner-headding h1 {
     color: #fff;
     font-size: 7vh;
 }
 
 .banner {
     color: #000;
     width: 100%;
     /*  min-height: 100vh;*/
     overflow: visible;
     position: relative;
     display: -webkit-box;
     display: -moz-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-direction: normal;
     -moz-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-box-orient: vertical;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -moz-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin: 0 0 200px;
     margin-bottom: 0px;
 }
 
 .banner .img-class {
     /*width: 28%;
    position: relative;
    left: -115px;*/
     width: 21%;
     position: absolute;
     /*left: -144px;*/
     left: -1px;
     top: 50%;
     opacity: 0.79;
 }
 
 .banner .img-class2 {
     /*width: 28%;
    position: relative;
    left: -115px;*/
     width: 10%;
     position: relative;
     left: 385px;
     margin-bottom: 140px;
 }
 
 .logo-container {
     position: absolute;
     left: 0;
     top: 0;
 }
 
 .logo-container img {
     position: absolute;
     left: 50px;
     width: 125px;
     z-index: 9999;
 }
 
 .recycle .img-class2 {
     /*width: 28%;
    position: relative;
    left: -115px;*/
     width: 10%;
     position: relative;
     left: -28px;
 }
 
 .rellax img {
     margin-top: 200px !important;
 }
 
 .recycle {
     text-align: right;
 }
 
 .recycle .img-class {
     width: 28%;
     position: absolute;
     right: 0;
     z-index: 9;
     opacity: 0.78;
     top: 20%;
 }
 
 .recycle .img-class3 {
     width: 10%;
     position: absolute;
     left: 54px;
 }
 
 .recycle .img-class1 {
     width: 13%;
     margin-left: 100px;
     position: relative;
     z-index: 5;
     top: -160px;
 }
 
 .recycle .content .rellax>img {
     width: 100%;
     vertical-align: middle;
     border-style: none;
     position: relative;
     margin-top: 253px;
 }
 
 .recycle .content1 .rellax>img {
     width: 100%;
     vertical-align: middle;
     border-style: none;
     margin-top: 427px;
 }
 
 .bg-image {
     text-align: center;
 }
 
 .centered {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     max-width: 600px;
 }
 
 .index8 {
     /* margin-top: 100px;*/
     margin-top: 18rem;
 }
 /* ============================== body end content ============================*/
 /* =============== first banner=================*/
 
 .new-bannerspace {
     padding: 9rem 0rem 8rem;
 }
 
 .imgposition {
     position: relative;
     top: 8rem;
 }
 /*.wood-stock{
	  margin: 60px 0px;
	  margin-bottom:0px;
}*/
 /*.wood-stock img{
   width: 100%;
    margin-top: 0px;
}*/
 
 .font1 .parallax-move>img {
     position: absolute;
     width: 43%;
 }
 
 .font1 .path-img {
     position: absolute;
     width: 22%;
     left: 222px;
 }
 
 .font1 .parallax-move .path-img1 {
     position: absolute;
     width: 22%;
     left: 31rem;
 }
 
 .parallax-move img {
     height: 60px;
     /*height:auto;*/
 }
 
 .font1 .padding-3 {
     font-size: 7vh;
 }
 
 .box5>img {
     /*margin-top: 125px;
    width:100%;*/
     width: 380px;
 }
 
 .r-img {
     position: absolute;
     z-index: 55;
 }
 
 .wood-stock1 img {
     width: 100%;
     margin-top: 470px;
 }
 
 .position-cls {
     position: relative;
     top: 160px;
 }
 
 .position-cls .parallax-move {
     position: relative;
     top: 119px;
 }
 
 .position-cls1 {
     position: relative;
     top: 66px;
 }
 
 .content h1 {
     font-size: 8vh;
     font-family: "ROCC-M";
 }
 
 .green-img>img {
     margin-top: -52px;
 }
 
 .content .box {
     position: relative;
     z-index: 77;
 }
 /* =============== first banner=================*/
 
 .content p {
     /*padding: 0px 60px 0px 0px;*/
     position: relative;
     z-index: 0;
     line-height: 30px;
 }
 
 .content .box>img {
     margin-top: 28rem;
     width: 90%;
 }
 
 .bottom-clr {
     border-bottom: 3px solid #232323;
     display: inline-block;
 }
 
 .bottom-clr1 {
     border-bottom: 3px solid #fff;
     display: inline-block;
 }
 
 .meter {
     text-align: center;
 }
 
 .meter1 {
     text-align: center;
 }
 
 .meter2 {
     text-align: center;
 }
 
 .padding3 {
     margin-bottom: 50px;
 }
 
 .e-img {
     text-align: right;
 }
 
 .meter .e-img .img-class3 {
     width: 26%;
     position: absolute;
     right: 8%;
     top: 60%;
     /* z-index: 23; */
     z-index: 0;
     bottom: 0;
 }
 
 .meter img {
     /*  width: 75%;*/
     filter: grayscale(100%);
 }
 
 .meter .font1 .parallax-move>img {
     max-width: 30%;
     filter: grayscale(0%);
 }
 
 .font1 .ct {
     text-align: center;
 }
 
 .ct {
     /*   margin-bottom: 6rem!important;*/
     margin-top: 3rem!important;
 }
 
 .meter img:hover {
     filter: grayscale(0%);
     cursor: pointer;
 }
 
 .meter1 img {
     width: 75%;
 }
 
 .meter2 img {
     width: 100%;
 }
 
 .meter-content {
     position: relative;
     z-index: 65;
     margin: 50px 0px;
 }
 
 .meter .s-img {
     text-align: left;
     position: relative;
 }
 
 .meter .s-img .img-class1 {
     width: 17%;
     position: absolute;
     /* left: -69px;*/
     opacity: 0.79;
 }
 
 .meter .img-class6 {
     /*width: 28%;
    position: absolute;
    right: 0*/
     width: 10%;
     position: absolute;
     right: 60px;
 }
 
 .meter-content .box>h4 {
     font-family: "ROCC-M";
     padding-top: 15px;
     font-size: 30px;
 }
 
 .meter-content .box>p {
     font-family: OpenSans Regular;
     line-height: 25px;
 }
 
 .align-class {
     text-align: right;
 }
 
 .align-class img {
     width: 85%;
     margin-bottom: 60px;
 }
 
 .image-block img {
     width: 70%;
     position: relative;
     z-index: 9;
 }
 
 .image-block .font1 .parallax-move>img {
     width: 25%;
     position: absolute;
 }
 
 .font1 .parallax-move .path-img {
     left: 127px;
 }
 
 .blue-patch {
     position: absolute;
     right: -26px;
     margin-top: -125px;
 }
 
 .blue-patch .parallax-move {
     position: relative;
     z-index: 454;
 }
 
 .blue-patch .parallax-move>img {
     left: -152px;
 }
 
 .client h1 {
     text-align: center;
 }
 /*.client img{
	width:100%;
}*/
 
 .creative-recycle {
     /*padding-top: 50px;*/
     /*margin-top: 6%;*/
     margin-top: 7%;
 }
 
 .r1-img {
     text-align: right;
 }
 
 .creative-recycle .r1-img .img-class {
     width: 17%;
     position: absolute;
     left: -4%;
     opacity: 0.79;
     bottom: 50px;
 }
 
 .align-class .new-patching {
     position: absolute !important;
     left: 0%;
     top: -11rem;
     height: 70px;
     width: 53% !important;
     z-index: 9;
 }
 
 .new-r-right-img {
     position: absolute;
     right: 0;
     bottom: 0;
 }
 
 .new-r-right-img img {
     width: 80%;
 }
 
 .client .img-class3 {
     width: 10%;
     position: absolute;
     left: 45px;
 }
 
 .client .img-class4 {
     /* width: 28%;
    position: absolute;
    top: -18%;
    opacity: 0.79;*/
     width: 23%;
     position: absolute;
     /* top: -6%;*/
     opacity: 0.79;
 }
 
 .client .img-class5 {
     width: 10%;
     position: relative;
 }
 
 .s2-img {
     text-align: right;
 }
 
 .client .s2-img .img-class5 {
     width: 20%;
     position: absolute;
     right: -14.5rem;
     /*margin-top: -39%;*/
     opacity: 0.79;
 }
 
 .parent {
     width: 100%;
     overflow: hidden;
     position: relative;
     display: inline-block;
     cursor: pointer;
     border-radius: 10px;
     box-shadow: 8px 8px 7px #d6d4d4;
 }
 
 .parent:hover {
     border-radius: 10px;
     box-shadow: 10px 10px 7px #d6d4d4;
 }
 
 .child {
     height: 100%;
     width: 100%;
     background-size: cover;
     background-repeat: no-repeat;
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -o-transition: all .5s;
     transition: all .5s;
 }
 
 .parent:hover .child,
 .parent:focus .child {
     -ms-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2);
 }
 
 .parent:hover .child:before,
 .parent:focus .child:before {
     display: block;
 }
 
 .parent:hover a,
 .parent:focus a {
     display: block;
 }
 
 .padding-1 {
     padding-bottom: 20px;
 }
 
 .parent:hover .content-overlay {
     background: rgba(0, 0, 0, 0.7);
     position: absolute;
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     -webkit-transition: all 0.4s ease-in-out 0s;
     -moz-transition: all 0.4s ease-in-out 0s;
     transition: all 0.4s ease-in-out 0s;
     z-index: 9;
 }
 
 .parent:hover .content-overlay {
     opacity: 0.5;
 }
 
 .content-details {
     position: absolute;
     text-align: center;
     padding-left: 1em;
     padding-right: 1em;
     width: 100%;
     top: 50%;
     left: 50%;
     opacity: 0;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s;
     color: #fff;
 }
 
 .parent:hover .content-details {
     color: #fff;
     top: 50%;
     left: 50%;
     opacity: 1;
     z-index: 99;
 }
 
 .abs-center-x {
     position: absolute;
     left: 43%;
 }
 
 .font1>h1 {
     /*  font-family: ROCC-M;*/
     font-family: "ROCC-M";
     position: relative;
     z-index: 100;
     font-size: 7vh;
     margin-bottom: 25px;
 }
 
 .font1 .al-lt {
     /*font-family: ROCC-M;*/
     font-family: "ROCC-M";
     text-align: left;
     font-size: 7vh;
 }
 
 .font2 {
     text-align: -webkit-left;
     text-align: left;
     line-height: 30px;
     position: relative;
     z-index: 6;
 }
 
 .verticle-al {
     vertical-align: top;
     border-style: none;
 }
 
 .img-wd {
     max-width: 100px;
     height: 40px;
     margin-top: 230px;
 }
 
 .img-wd1 {
     height: 35px;
 }
 
 .fsc-image-container {
     margin: 15px 0;
 }
 
 .fsc-image-container img {
     width: 100px;
     padding: 3px;
     border: 3px solid #ffffff;
     border-radius: 5px;
 }
 /*============================= service ==========================*/
 
 .padding-2 {
     padding-bottom: 20px;
 }
 /*#box11 img{
    height:287px;
}*/
 /*.manucature-imgs{
    margin:8rem;
}*/
 
 .margine1 {
     /* margin-bottom: 16rem;
   margin-top: 16rem;*/
     margin-bottom: 16rem;
     margin-top: 10rem;
     -webkit-transition: 2s;
     /* Safari */
     transition: 2s;
 }
 /*custom on click */
 
 .margine-click {
     margin-bottom: 10rem !important;
     margin-top: 6rem !important;
     -webkit-transition-timing-function: ease;
 }
 
 .tool-block {
     position: relative;
     background: #fff;
     top: -15rem;
     /* padding: 80px 15px; */
     padding: 45px;
     font-family: "Asap-Regular";
     text-align: left;
     /*  -moz-box-shadow: rgba(154, 152, 152, 0.31) 0px 0px 19px inset;
    -webkit-box-shadow: rgba(154, 152, 152, 0.31) 0px 0px 19px inset;
    box-shadow: rgba(154, 152, 152, 0.31) 0px 0px 19px inset;*/
     display: none;
     z-index: 9999;
     /* box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
     width: 98%;
     left: -1px;
     height: 100%;
     animation: fade 2s linear;
     margin-top: 62px;
 }
 
 .tool-block:before {
     content: "";
     position: relative;
     border: 28px solid transparent;
     border-bottom-color: #ffffff;
     transform: rotate(90px);
     transform: rotate(181deg);
     top: -5.3rem;
     margin: 0 auto;
     left: 20rem;
     position: relative;
     z-index: 0;
 }
 
 .tool-block1:before {
     content: "";
     position: relative;
     border: 28px solid transparent;
     border-bottom-color: #ffffff;
     transform: rotate(90px);
     transform: rotate(181deg);
     top: -5.3rem;
     margin: 0 auto;
     left: 42rem;
     position: relative;
     z-index: 0;
 }
 
 .tool-block3:before {
     content: "";
     position: relative;
     border: 28px solid transparent;
     border-bottom-color: #ffffff;
     transform: rotate(90px);
     transform: rotate(181deg);
     top: -5.3rem;
     margin: 0 auto;
     left: 62rem;
     position: relative;
     z-index: 0;
 }
 
 .tool-block4:before {
     content: "";
     position: relative;
     border: 28px solid transparent;
     border-bottom-color: #ffffff;
     transform: rotate(90px);
     transform: rotate(181deg);
     top: -5.3rem;
     margin: 0 auto;
     left: 82rem;
     position: relative;
     z-index: 0;
 }
 
 .border-class {
     position: absolute;
     width: 56%;
     border: 3px solid #eea9a3;
     top: -30px;
     height: 86%;
     margin-left: 25%;
 }
 
 .view-more {
     text-align: right;
     transform: rotate(-91deg);
     width: 150px;
     float: right;
     position: relative;
     top: 153px;
     left: 25px;
 }
 
 .view-more {
     font-size: 24px;
     font-family: ROCC-M;
 }
 
 .image-block-details {
     /* padding-top: 3.2rem;*/
     padding: 7.2rem;
     text-align: left;
 }
 
 .image-block-details p {
     font-size: 18px;
     margin: 10px 0px;
     position: relative;
     z-index: 99;
     font-family: "Asap-Regular";
 }
 
 .tool-block-opcity {
     display: block;
     animation: fade 2s linear;
 }
 
 .image-block-image-container {
     /* position: relative;
    top: 5rem;
    text-align: center; */
     position: relative;
     text-align: center;
     margin-top: 7.5rem;
     margin-bottom: 0rem;
 }
 
 .image-block-image-container img {
     /*transform: rotate(90deg);*/
     height: auto;
     position: relative;
     filter: grayscale(0%);
     margin-top: -6rem;
     margin-bottom: 30px;
     padding: 65px 0px;
     width: 395px;
 }
 
 .dispay-class {
     display: none !important;
 }
 
 .margine-click1 {
     margin-bottom: 10rem !important;
     margin-top: 6rem !important;
     -webkit-transition-timing-function: ease;
 }
 
 .tool-block1 {
     position: relative;
     background: #fff;
     top: -15rem;
     /* padding: 80px 15px; */
     padding: 45px;
     font-family: "Asap-Regular";
     text-align: left;
     /* -moz-box-shadow: rgba(154, 152, 152, 0.31) 0px 0px 19px inset;
    -webkit-box-shadow: rgba(154, 152, 152, 0.31) 0px 0px 19px inset;
    box-shadow: rgba(154, 152, 152, 0.31) 0px 0px 19px inset;*/
     display: none;
     z-index: 9999;
     /* box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
     width: 98%;
     left: -1px;
     height: 100%;
     animation: fade 2s linear;
     margin-top: 62px;
 }
 
 .tool-block3 {
     position: relative;
     background: #fff;
     top: -15rem;
     /* padding: 80px 15px; */
     padding: 45px;
     font-family: "Asap-Regular";
     text-align: left;
     /* -moz-box-shadow: rgba(154, 152, 152, 0.31) 0px 0px 19px inset;
    -webkit-box-shadow: rgba(154, 152, 152, 0.31) 0px 0px 19px inset;
    box-shadow: rgba(154, 152, 152, 0.31) 0px 0px 19px inset;*/
     display: none;
     z-index: 9999;
     /* box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
     width: 98%;
     left: -1px;
     height: 100%;
     animation: fade 2s linear;
     margin-top: 62px;
 }
 
 .tool-block4 {
     position: relative;
     background: #fff;
     top: -15rem;
     /* padding: 80px 15px; */
     padding: 45px;
     display: none;
     font-family: "Asap-Regular";
     text-align: left;
     /*-moz-box-shadow: rgba(154, 152, 152, 0.31) 0px 0px 19px inset;
    -webkit-box-shadow: rgba(154, 152, 152, 0.31) 0px 0px 19px inset;
    box-shadow: rgba(154, 152, 152, 0.31) 0px 0px 19px inset;
    display: -webkit-inline-box;*/
     z-index: 9999;
     /* box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
     width: 98%;
     /*  left: -1px;*/
     left: 15px;
     height: 100%;
     animation: fade 2s linear;
     margin-top: 62px;
 }
 
 .border-class {
     /*
    position: absolute;
    width: 56%;
    border: 3px solid #eea9a3;
    top: -30px;
    height: 86%;
    margin-left: 25%;

    position: absolute;
    width: 70%;
    border: 3px solid #eea9a3;
    top: -4px;
    height: 81%;
    margin-left: 18%;*/
     position: absolute;
     width: 70%;
     border: 3px solid #eea9a3;
     height: 77%;
     margin-left: 18%;
     margin-top: 3rem;
 }
 
 .view-more {
     text-align: right;
     transform: rotate(-91deg);
     width: 150px;
     float: right;
     position: relative;
     top: 14rem;
     left: 34px;
 }
 
 .view-more {
     font-size: 24px;
     font-family: ROCC-M;
 }
 
 .image-block-details1 {
     padding-top: 3.2rem;
 }
 
 .image-block-details1 p {
     font-size: 18px;
     margin: 10px 0px;
 }
 
 .tool-block-opcity1 {
     display: block;
     animation: fade 2s linear;
 }
 
 .image-block-image-container1 {
     position: relative;
     top: 5rem;
     text-align: center;
 }
 
 .image-block-image-container1 img {
     /*transform: rotate(90deg);*/
     height: auto;
     position: relative;
     filter: grayscale(0%);
     margin-top: -10rem;
     padding: 65px 0px;
     height: 530px;
     width: 45%;
 }
 /*custom on click */
 
 .margine1-1 {
     margin-bottom: 8rem!important;
 }
 
 .margine3 {
     margin-bottom: 5rem!important;
 }
 
 .mt-6 {
     margin-top: 10rem!important;
 }
 
 .nav-item>p {
     margin-top: 0;
     margin-bottom: 0rem;
 }
 
 .btn-danger {
     box-shadow: 8px 10px 20px 0 rgba(46, 61, 73, 0.55);
     transition: all 0.3s ease-in-out;
 }
 
 .btn-danger:hover {
     box-shadow: 0px 0px 0px 0 rgba(46, 61, 73, .15);
 }
 
 .btn-danger:focus {
     box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
 }
 
 .btn-danger:not(:disabled):not(.disabled):active:focus,
 .show>.btn-danger.dropdown-toggle:focus {
     box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
 }
 
 .sec3 {
     margin-top: 50px;
 }
 
 .size-img {
     width: 100%;
 }
 
 .img-rt>img {
     text-align: right;
 }
 
 .back-e {
     text-align: left;
     position: relative;
     top: -393px;
 }
 
 #loading {
     -webkit-animation: rotation 5s infinite linear;
 }
 
 @-webkit-keyframes rotation {
     from {
         -webkit-transform: rotate(0deg);
     }
     to {
         -webkit-transform: rotate(359deg);
     }
 }
 
 #loading2 {
     -webkit-animation: rotation 5s infinite linear;
 }
 /*@-webkit-keyframes rotation2 {
		from {
					-webkit-transform: rotate(359deg);
		}
		to {
			-webkit-transform: rotate(0deg);
		}
}*/
 
 #loading3 {
     -webkit-animation: rotation 5s infinite linear;
 }
 /*@-webkit-keyframes rotation3 {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}*/
 /*============================= contact ==========================*/
 
 .contact1 {
     position: relative;
     top: 96px;
 }
 
 .position-cls .parallax-move>img {
     width: 38%;
     margin-top: -99px;
     left: -43px;
 }
 
 .font1 .parallax-move>img {
     left: -43px;
 }
 /*.box5>img {
    margin-top: 0px;
}*/
 
 .centered {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     max-width: 600px;
     z-index: 65;
 }
 
 .centered>h1 {
     font-size: 7vh;
     font-family: ROCC-M;
     margin-top: -4%;
 }
 
 .font1 .parallax-move .img-top {
     position: absolute;
     z-index: 85;
     margin-top: -120px;
 }
 
 .margine5 {
     margin-bottom: 12rem!important;
 }
 
 .font1 .box567 {
     text-align: center;
     font-family: ROCC-M;
     font-size: 7vh;
 }
 
 .box85>img {
     margin-top: 0;
 }
 
 .content p {
     /*  padding: 0px 60px 0px 0px;*/
     font-family: "Asap-Regular";
     position: relative;
     z-index: 85;
     line-height: 30px;
 }
 
 .position-cls .parallax-move>img {
     width: 38%;
     margin-top: -90px;
 }
 
 .position-cls .parallax-move>img {
     width: 38%;
     margin-top: -104px;
     margin-left: -45px;
 }
 
 .patch-align {
     margin-right: 195px;
     margin-top: -110px;
 }
 
 .patch-align>img {
     width: 15%;
 }
 
 .patch-align1 {
     text-align: -webkit-left;
     margin-left: 24%;
 }
 /*============================= End contact ==========================*/
 /*----------------------------------about----------------------------------*/
 
 .meter55 {
     margin-top: -90vh;
 }
 
 .box {
     text-align: center;
     position: relative;
     z-index: 22;
 }
 /*.box5>img {
    margin-top: 130px;
}*/
 
 .position-cls {
     position: relative;
     top: 160px;
 }
 
 .new-block-align {
     position: relative;
     top: 70px;
 }
 
 .font1 .box56>h1 {
     font-family: "ROCC-M";
     position: relative;
     z-index: 100;
     font-size: 6vh;
     text-align: left;
     margin-top: 30px;
 }
 
 .position-cls .parallax-move {
     position: relative;
     top: 75px;
 }
 
 .parallax-move {
     position: relative;
     z-index: 0;
 }
 
 .content p {
     /*  padding: 0px 60px 0px 0px;*/
     font-family: "Asap-Regular";
     position: relative;
     z-index: 85;
     line-height: 22px;
     font-size: 18px;
     /* margin-top:-30px;*/
 }
 
 .font1 .parallax-move .path-img1 {
     position: absolute;
     width: 13%;
 }
 
 .font1 .box5>h1 {
     font-family: ROCC-M;
     position: relative;
     z-index: 100;
     font-size: 6vh;
 }
 
 .font1 .index2>h1 {
     font-family: ROCC-M;
     position: relative;
     z-index: 100;
     font-size: 8vh;
     text-align: left;
 }
 
 .margine5 {
     margin-bottom: 13rem!important;
 }
 
 .meter-content .box>img {
     width: 100%;
     padding: 10px;
     -webkit-transition-timing-function: ease;
 }
 /*.meter-content-clicked .box>img{
width:85%;    
  -webkit-transition-timing-function: ease;
   
}*/
 
 .meter-content .box>h4 {
     font-family: ROCC-M;
     padding-top: 15px;
     font-size: 30px;
     text-align: center;
 }
 
 .meter-content .box>p {
     text-align: center;
     font-family: OpenSans Light;
     line-height: 25px;
 }
 
 .font1 .parallax-move>img {
     position: absolute;
     width: 30%;
     left: -43px;
 }
 
 .box7>img {
     margin-top: 420px;
     width: 100%;
 }
 
 .parallax-move {
     position: relative;
     z-index: 0;
     /*12*/
 }
 
 .font2 {
     font-family: Asap-Regular;
     text-align: -webkit-left;
     text-align: left;
     line-height: 22px;
     font-size: 18px;
     margin-bottom: 15px;
 }
 
 .img-align {
     margin-top: 432px;
     width: 523px;
 }
 
 .recycle1 {
     margin-top: -24vh;
 }
 
 .creative2 {
     margin-top: -50vh;
 }
 
 .creative2 {
     margin-top: -50vh;
 }
 
 .font1 .about1>img {
     position: absolute;
     width: 43%;
     left: -43px;
     margin-top: -66px;
 }
 /*manufactur*/
 
 .sec1>h1 {
     margin-top: 70px;
     text-align: center;
 }
 
 .sec1-content .box>h1 {
     font-family: ROCC-M;
     font-size: 7vh;
 }
 
 .sec1-img {
     background-image: url(..assets/images/back1.png);
 }
 
 .sec1-img .box>img {
     width: 100%;
     box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.23);
     webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.9s;
     -webkit-transition-property: box-shadow;
     transition-property: box-shadow;
 }
 
 .sec1-img .box65>img:hover {
     width: 100%;
     box-shadow: 16px 20px 28px rgba(0, 0, 0, 0.23);
 }
 
 .sec1-img .box65>img {
     width: 100%;
     height: 600px;
     box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.23);
     webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.9s;
     -webkit-transition-property: box-shadow;
     transition-property: box-shadow;
     margin-top: 10%;
 }
 
 .sec1-img .box>img:hover {
     width: 100%;
     box-shadow: 16px 20px 28px rgba(0, 0, 0, 0.23);
 }
 
 .sec1-img .box66>img:hover {
     width: 100%;
     box-shadow: 16px 20px 28px rgba(0, 0, 0, 0.23);
 }
 
 .sec1-img .box66>img {
     width: 100%;
     box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.23);
     webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.9s;
     -webkit-transition-property: box-shadow;
     transition-property: box-shadow;
     margin-top: 24%;
 }
 
 .sec1-mar {
     margin-top: 8%;
 }
 
 .sec1-p {
     padding-right: 20%;
 }
 
 .client-block img {
     padding: 10px;
     width: 100%;
 }
 
 .testimonial-desing {
     /* padding-top:70px;
    padding-bottom: 100px;*/
 }
 
 .testimonial-desing h1 {
     margin: 15px 0px;
     position: relative;
     z-index: 99;
     font-size: 6vh;
 }
 
 .testimonial-desing .card {
     padding: 30px;
     text-align: center;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
     transition: 0.3s;
     min-height: 530px;
     margin: 15px 5px;
 }
 
 .testimonial-desing .card:hover {
     box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
 }
 
 .testimonial-desing .card .img {
     margin: 0 auto;
 }
 
 .card-content p {
     font-size: 13px;
     margin: 15px 0px;
     font-family: Asap-Regular;
 }
 
 .custom-footer {
     background: none;
     border: none;
     padding-top: 15px;
 }
 
 .custom-footer h3 {
     font-family: "ROCC-M";
     font-size: 16px;
     text-transform: uppercase;
 }
 
 .custom-footer p {
     font-size: 12px;
     font-family: OpenSans Semibold;
     color: #ae3a3a;
 }
 
 .footer-link p {
     font-family: TitilliumWeb-semiBold;
 }
 
 .footer-link span {
     text-transform: uppercase;
     font-family: TitilliumWeb-Black;
 }
 
 .quote {
     text-align: center;
 }
 
 .testimonial-desing .parallax-move {
     position: absolute;
     text-align: center;
     left: 32rem;
     z-index: 0;
 }
 
 .new-footer-clt {
     padding-top: 35px;
 }
 
 #box9 img {
     margin-top: 15rem;
 }
 
 .back-e1 img {
     position: absolute;
     left: -7rem;
     z-index: 0;
     top: 20rem !important;
 }
 
 .new-quality {
     margin-top: 2rem;
 }
 
 .gen-content {
     position: relative;
     z-index: 0;
 }
 
 .gen-content h1 {
     font-size: 7vh;
 }
 
 .new-gen-content {
     z-index: 99;
 }
 
 .new-e-class {
     position: absolute;
     left: 15rem;
     bottom: 5rem;
 }
 
 .gen-move img {
     position: absolute;
     z-index: 0;
     height: auto;
 }
 /*.newwoodr{
    top:30px;
}*/
 
 .gen-img img {
     width: 100%;
 }
 
 .rem5 {
     margin-top: 5rem;
 }
 
 .remt15 {
     margin-top: 15rem !important;
 }
 
 .new-purple-img {
     top: 80px;
 }
 
 .v-class {
     position: absolute;
     right: 0rem;
     /*  top: 20rem;*/
     z-index: 0;
     width: 20%;
     opacity: 0.79;
 }
 
 .new-e-class1 {
     position: absolute;
     left: -23rem;
     top: 20rem;
 }
 
 .timeline-image .img1 {
     position: absolute;
     z-index: 99;
     top: 0;
     filter: grayscale(0%);
 }
 
 .timeline-image .img2 {
     position: relative;
     left: 20rem;
     top: 7rem;
     z-index: 0;
     filter: grayscale(0%);
 }
 
 .timeline-content {
     position: relative;
     top: 15rem;
     left: 5rem;
 }
 
 .timeline-content h2 {
     text-align: right;
     font-size: 30px;
     font-family: ROCC-M;
     position: relative;
     right: 3rem;
 }
 
 .timeline-content p {
     font-size: 16px;
     position: relative;
     left: -3rem;
 }
 
 .timeline-image1 {
     position: absolute;
 }
 
 .timeline-image1 .img1 {
     position: relative;
     top: -10rem;
     filter: grayscale(0%);
     left: -2rem;
     z-index: 9;
 }
 
 .timeline-image1 .img2 {
     position: relative;
     top: -24rem;
     left: -20rem;
     filter: grayscale(0%);
     z-index: 0;
 }
 
 .timeline-content1 {
     position: relative;
     top: 13rem;
     left: -2rem;
 }
 
 .timeline-content1 h2 {
     text-align: left;
     font-size: 30px;
     font-family: ROCC-M;
 }
 
 .timeline-image2 {
     position: absolute;
 }
 
 .timeline-image2 .img1 {
     position: absolute;
     z-index: 99;
     top: 0;
     filter: grayscale(0%);
 }
 
 .timeline-image2 .img2 {
     position: relative;
     left: 20rem;
     top: 7rem;
     z-index: 0;
     filter: grayscale(0%);
 }
 
 .timeline-image2 .img1 {
     position: absolute;
     z-index: 99;
     left: 8rem;
     filter: grayscale(0%);
 }
 
 .timeline-image2 .img2 {
     position: relative;
     left: 28rem;
     top: 8rem;
     z-index: 0;
     filter: grayscale(0%);
 }
 
 .timeline-content2 {
     position: relative;
     top: 23rem;
     left: 2rem;
 }
 
 .timeline-content2 h2 {
     text-align: right;
     font-size: 30px;
     font-family: ROCC-M;
 }
 
 .timeline-image3 {
     position: absolute;
 }
 
 .timeline-image3 .img1 {
     position: relative;
     top: -10rem;
     filter: grayscale(0%);
     left: -2rem;
     z-index: 9;
 }
 
 .timeline-image3 .img2 {
     position: relative;
     top: -24rem;
     left: -20rem;
     filter: grayscale(0%);
     z-index: 0;
 }
 
 .timeline-content3 {
     position: relative;
     top: 13rem;
     left: -2rem;
 }
 
 .timeline-content3 h2 {
     text-align: left;
     font-size: 30px;
     font-family: ROCC-M;
 }
 
 .timeline-image4 {
     position: absolute;
 }
 
 .timeline-image4 .img1 {
     position: absolute;
     z-index: 99;
     top: 0;
     filter: grayscale(0%);
 }
 
 .timeline-image4 .img2 {
     position: relative;
     left: 20rem;
     top: 7rem;
     z-index: 0;
     filter: grayscale(0%);
 }
 
 .timeline-image4 .img1 {
     position: absolute;
     z-index: 99;
     left: 2rem;
     filter: grayscale(0%);
 }
 
 .timeline-image4 .img2 {
     position: relative;
     left: 28rem;
     top: 8rem;
     z-index: 0;
     filter: grayscale(0%);
 }
 
 .timeline-content4 {
     position: relative;
     top: 23rem;
     left: -2rem;
 }
 
 .timeline-content4 h2 {
     text-align: center;
     font-size: 30px;
     font-family: ROCC-M;
     position: relative;
     left: 5px;
     top: -2px;
 }
 
 .image-timeline {
     left: 30rem;
 }
 
 .timeline-content5 {
     position: relative;
     top: 18rem;
     left: 2rem;
 }
 
 .timeline-content5 h2 {
     text-align: center;
     font-size: 30px;
     font-family: ROCC-M;
     position: relative;
     left: -27px;
 }
 
 .now-img {
     position: absolute;
     bottom: 38rem;
     left: 24rem;
     z-index: 9;
 }
 
 .now-img .img1 {
     filter: grayscale(0%);
 }
 
 .new-believe {
     margin-top: 25rem;
 }
 
 .new-believe1 {
     margin-top: 18rem;
     margin-bottom: 0;
 }
 
 .new-manucature-imgs {
     margin-top: 10rem;
 }
 
 .footer {
     position: relative;
     font-size: 14px;
     text-align: center;
     margin-top: 40px;
     margin-bottom: 55px;
 }
 
 .footer-link {
     position: relative;
     display: inline-block;
 }
 
 .footer-link a #footer-img {
     display: inline-block;
     background: url(../images/website/home-page/heart_inactive.svg);
     width: 18px;
     background-size: 100%;
     height: 16px;
     background-repeat: no-repeat;
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
     margin: auto;
 }
 
 .footer-link a #footer-img:hover {
     background: url(../images/website/home-page/heart_active.svg);
     background-repeat: no-repeat;
 }
 
 .img-hover-cls {
     background: url(../images/website/home-page/heart_active.svg);
     background-repeat: no-repeat;
 }
 
 .image-block-details1 {
     padding: 60px;
 }
 
 .last-timeline img {
     position: absolute;
     bottom: 57rem;
     left: 2.3rem;
     width: 100%;
     filter: grayscale(0%);
     z-index: -1;
 }
 
 a:hover {
     color: #474747 !important;
 }
 
 .image-block a {
     color: #000 !important;
 }
 
 .new-image {
     margin-top: 30px;
 }
 
 .cst-modal {
     top: 100px;
     z-index: 99999;
 }
 
 .cst-modal-dialog {
     max-width: 100% !important;
     background: #00000000;
 }
 
 .cst-modal-content {
     width: 100%;
     position: relative;
     left: 0rem;
     padding: 50px 0px;
     border: none;
 }
 
 .cst-modal-footer {
     position: relative;
     z-index: 99;
 }
 
 .cst-close {
     top: 15px !important;
     color: #df9d9d !important;
     padding: 5px !important;
     margin: 0 !important;
 }
 
 .cst-modal-content .modal-header .modal-title {
     margin-left: 1rem;
     font-family: ROCC-M;
     padding-top: 15px;
     font-size: 30px;
 }
 
 .cst-btn-secondary {
     color: #5e0201;
     background-color: transparent !important;
     border-color: #5e0201;
     border-radius: 22px;
 }
 
 .cst-btn-secondary:hover {
     background-color: #5e0201 !important;
     color: #fff !important;
 }
 
 .new-o {
     position: absolute;
     width: 22%;
     opacity: 0.79;
     margin-top: 16rem;
 }
 
 .about-new {
     top: 90rem;
     opacity: 0.79;
 }
 
 .new-e {
     left: -2rem !important;
     top: 120rem;
     width: 18%;
 }
 
 .new-r {
     position: absolute;
     right: 27rem;
     top: 135rem;
     width: 20%;
 }
 
 .new-s {
     position: absolute;
     left: 25rem;
     top: 168rem;
     width: 17%;
     opacity: 0.79;
 }
 
 .new-e2 {
     position: absolute;
     right: 6rem;
     top: 183rem;
     width: 16%;
 }
 
 .new-a {
     position: absolute;
     left: 0;
     top: 220rem;
     width: 24%;
     opacity: 0.79;
 }
 
 .new-s2 {
     position: absolute;
     right: -7rem;
     top: 240rem;
     opacity: 0.79;
     width: 18%;
 }
 
 .new-bannerab {
     height: 98vh;
     overflow: hidden;
 }
 
 .contact-new {
     opacity: 0.79;
     top: 45rem;
     right: 0;
 }
 
 #mainNav {
     z-index: 10002 !important;
 }
 
 .character {
     padding: 12rem 0rem 2.5rem;
 }
 
 .new-space {
     padding: 100px 0px 50px 0px;
 }
 
 .new-distance {
     height: 100%;
 }
 /*.new-distance img{
    
    margin-top: 19rem;
    margin-bottom: -18rem;

}*/
 
 .box01 img {
     /* width:100%;*/
 }
 
 .p-b5 {
     padding-bottom: 5rem;
 }
 
 .model-patch img {
     filter: grayscale(0%) !important;
     width: 100%;
     height: 57px;
     position: absolute;
     top: 20px;
 }
 
 .model-patch1 img {
     filter: grayscale(0%) !important;
     width: 70%;
     height: 57px;
     position: absolute;
     top: 90px;
 }
 
 .model-patch img {
     filter: grayscale(0%) !important;
     width: 100%;
     height: 57px;
     position: absolute;
     top: 20px;
 }
 
 .model-patch1 img {
     filter: grayscale(0%) !important;
     width: 70%;
     height: 57px;
     position: absolute;
     top: 90px;
 }
 
 .display-cls {
     display: none;
 }
 
 .display-cls1 {
     display: none;
 }
 
 #collapseOneDefault,
 #collapseTwoDefault,
 #collapseThreeDefault,
 #collapseFourDefault {
     /* margin-top: 4rem;*/
     background: #fff;
 }
 
 .model-patch img {
     filter: grayscale(0%) !important;
     width: 74%;
     height: 47px;
     position: absolute;
     margin-top: 3.7rem;
     margin-left: -35px;
     top: auto;
 }
 
 .model-patch1 img {
     filter: grayscale(0%) !important;
     width: 54%;
     height: 47px;
     position: absolute;
     top: auto;
     margin-left: 15px;
     right: 15px;
     margin-top: 31px
 }
 
 .image-block-details {
     padding: 3.2rem 0rem;
     text-align: left;
 }
 
 #box11,
 #box12,
 #box13,
 #box14 {
     /*margin-top:14rem;*/
     top: 12rem;
 }
 
 .close {
     color: #754038 !important;
     position: absolute;
     top: -5px;
     right: 5px;
 }
 
 .thumb {
     margin-bottom: 15px;
 }
 
 #manufacture {
     padding: 12rem 0rem;
     transition: 2s;
 }
 
 .custom-collapse span {
     /*background: #8ac8ee;
    border-radius: 12px;*/
     font-weight: 600;
     background: linear-gradient(40deg, #4c0404 0%, #e20c08 100%);
     background-size: cover;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
 }
 
 .filter-cls {
     filter: grayscale(0%) !important;
 }
 
 .tp {
     position: relative;
     top: 8px;
 }
 
 .panel.about {
     /* margin: 50px 0px;*/
     padding: 0rem 0rem 5rem;
 }
 
 .gen-p p {
     margin-bottom: 15px;
 }
 
 .new-gen-content {
     margin: 3rem 0rem 1rem 0rem;
 }
 
 .believe-patch img {
     margin-top: 15px;
     position: absolute;
     left: -47px;
 }
 
 .h1-sm {
     display: none;
 }
 
 .h1-md {
     display: block;
 }
 /* ====================== new style- class =============================*/
 
 .contentbl-heading {
     position: relative;
     margin-top: 5rem;
     padding: 15px 26px 15px 0px;
 }
 
 .contentbl-heading h1 {
     position: relative;
     z-index: 1;
     font-size: 38px;
 }
 
 .new-wrapper-patch {
     position: absolute;
     z-index: 0;
 }
 
 .new-wrapper-patch img {
     width: 50%;
 }
 
 .contentbl-heading p {
     font-family: Asap-Regular;
     margin-top: 15px;
     font-size: 16px;
 }
 
 .overstock {
     margin: 50px 0px;
 }
 
 .newimgdiv .img20 {}
 
 .tbmbscreen {
     display: none;
 }
 
 .lglpscreen {
     display: block;
 }
 
 .panel1 {
     /*   margin: 100px 0px 0px 0px;*/
     padding: 13rem 0rem 5rem
 }
 
 .custom60 {
     margin: 6rem 0rem !important;
 }
 
 .font1 .parallax-move .path-img1 {
     margin-top: -3rem;
 }
 
 .new-isp {
     margin-top: 2rem;
 }
 
 .new-isp img {
     margin-top: -4rem;
     padding: 49px 0px 15px;
 }
 
 .new-isp .border-class {
     height: 86%;
 }
 
 .np1 {
     position: absolute;
     text-align: left;
     width: 100%;
 }
 
 .np1 img {
     width: 50%;
 }
 
 .new-hr h1 {
     position: relative;
 }
 
 .nwsmimg img {
     width: 320px;
 }
 
 .border2 {
     position: absolute;
     width: 57%;
     border: 3px solid #eea9a3;
     height: 70%;
     margin-left: 24%;
     margin-top: 3rem;
 }
 
 .border2 .view-more {
     text-align: right;
     transform: rotate(-91deg);
     width: 150px;
     float: right;
     position: relative;
     top: 10rem;
     left: 36px;
 }
 
 .nwimgcnt {
     /* margin-top: 7rem;*/
     margin-top: 2rem;
 }
 
 .positntop {
     position: relative;
     top: 5rem;
 }
 
 .gen-p1 p {
     font-size: 18px;
     font-family: Asap-Regular;
 }
 
 .img-home {
     width: 40px;
     height: 40px;
     position: absolute;
     z-index: 1;
     left: 70px;
     top: 70px;
 }
 
 .img-home img {
     width: 28px;
     -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
     -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
     transition: transform ease-out 0.1s, background 0.2s;
 }
 
 .img-home img:hover {
     -webkit-transform: scale(0.93);
     -moz-transform: scale(0.93);
     -ms-transform: scale(0.93);
     transform: scale(0.93);
 }
 
 .manufacture-click {
     padding: 5rem 0rem !important;
     transition: 2s;
 }
 
 .cst-mrg {
     transition: 2s;
 }
 
 .cst-mrg-click {
     margin-top: -115px;
     transition: 2s;
     z-index: 1;
 }
 
 .font1 .wow .fadeInDown {
     position: relative !important;
     z-index: 9999 !important;
 }
 
 .carousel-item img {
     filter: grayscale(0%) !important;
 }
 
 .carousel {
     margin: 50px auto;
     text-align: center;
     width: 400px;
 }
 
 .carousel-indicators li {
     width: 10px;
     height: 10px;
     background-color: #ad0808a1;
     border-radius: 15px;
 }
 
 .carousel-indicators .active {
     background-color: #740504 !important;
 }
 
 .carousel-indicators {
     bottom: -15px;
 }
 /* ********** 29-4-2019 *********** */
 
 .ask-fsc {
     color: #285c4d;
 }
 
 .ask-fsc-register {
     font-size: 13px;
     position: relative;
     top: -7px;
     left: 0px;
 }
 /* ********** 29-4-2019 *********** */
 /* ******************* 02-02-2021*************************** */
 
 .video-section {
     position: absolute;
     bottom: -7rem;
     text-align: center;
     width: 100%;
     z-index: 9;
 }
 
 .video-container .video {
     border: none;
     outline: none;
 }
 @media screen and (min-device-width: 1025px) and (max-device-width: 1366px) { 
       .cvbox{
        width:80%;
        margin: 0 auto;
    }
    .video-section{
        bottom:-4rem;
    }
}
  
 /* ******************* 02-02-2021*************************** */
 /* ====================== new style- class =============================*/
 /*============================= Media Queries ==========================*/
 
 @media(max-width: 1920px) {
     .meter .font1 .parallax-move>img {
         max-width: 18%;
         filter: grayscale(0%);
     }
     .font1 .parallax-move .path-img {
         left: 229px;
     }
     /*.font1 .parallax-move .path-img1 {

    width: 18%;
    left: 328px;
}*/
     .font1 .parallax-move .img-top {
         position: absolute;
         z-index: 85;
         margin-top: -120px;
     }
     .font1 .parl>img {
         position: absolute;
         width: 43%;
         left: -43px;
         margin-top: -5%;
     }
     .font1 .parl1>img {
         position: absolute;
         width: 43%;
         left: -43px;
         margin-top: -10%;
     }
     .font1 .parl2>img {
         position: absolute;
         width: 43%;
         left: -43px;
     }
     /*.font1 .parl2>img {
    position: absolute;
    width: 43%;
    left: -43px;
    margin-top: 0%;
}*/
     .font1 .about1>img {
         position: absolute;
         width: 43%;
         left: -43px;
         margin-top: -66px;
     }
     .wood-stock1 {
         margin: 0px;
     }
     .img-align {
         margin-top: 374px;
         width: 523px;
     }
     .font1 .parallax-move .path-img {
         left: 280px;
     }
 }
 
 @media(max-width:1750px) {
     .border-class {
         width: 73%;
     }
 }
 
 @media(max-width:1650px) {
     .testimonial-desing .card {
         padding: 15px;
     }
     .border-class {
         width: 78%;
         margin-left: 16%;
     }
 }
 
 @media(max-width: 1600px) {
     .banner-h1 {
         font-size: 35px;
         color: #995757;
         margin-top: 80px;
         font-family: "ROCCB";
     }
     .font1 .box56>h1 {
         font-size: 5vh;
     }
     .font1 .box5>h1 {
         font-size: 5vh;
     }
     .meter .img-class3 {
         right: 264px;
     }
     .client .img-class4 {
         left: 157px;
         margin-top: 202px;
     }
     .client .img-class4 {
         left: 16px;
         /*  margin-top: -25%;*/
     }
     /*.margine1 {
    margin-bottom: 26rem!important;
}*/
     .new-r-right-img {
         with: 70%;
     }
     .meter .e-img .img-class3 {
         width: 20%;
         right: 14%;
     }
     .new-r-right-img img {
         width: 60%;
     }
     .image-block-details {
         padding: 1rem;
     }
     .border-class {
         width: 80%;
         margin-left: 14%;
     }
     .view-more {
         left: 40px;
     }
 }
 
 @media(max-width:1500px) {
     .border-class {
         width: 85%;
         margin-left: 12%;
     }
 }
 
 @media(max-width:1469px) {
     .testimonial-desing .card {
         min-height: 591px;
     }
     .border-class {
         width: 86%;
     }
 }
 
 @media (max-width: 1400px) {
     .border-class {
         width: 91%;
         margin-left: 10%;
     }
 }
 
 @media(max-width:1366px) {
     .banner-h1 {
         font-size: 35px;
         color: #995757;
         margin-top: 99px;
         font-family: "ROCCB";
     }
     .new-bannerspace {
         padding: 8rem 0rem;
     }
     .imgposition {
         top: 7rem;
     }
     .box5>img {
         width: 350px;
     }
     .position-cls {
         top: 160px;
     }
     .meter .img-class3 {
         right: 273px;
     }
     .client .img-class4 {
         left: 54px;
         margin-top: 0px;
     }
     .new-e-image img {
         position: relative;
         right: -28rem !important;
     }
     .position-cls {
         top: 27px;
     }
     .margin2 {
         margin-top: 42px;
     }
     .client .img-class5 {
         width: 10%;
         position: absolute;
     }
     .position-cls {
         top: 125px;
     }
     .font1 .box56>h1 {
         font-size: 50px;
     }
     .font1 .box5>h1 {
         font-size: 50px;
     }
     .testimonial-desing h1 {
         font-size: 50px;
     }
     .font1>h1 {
         font-size: 5vh;
         line-height: 50px;
     }
     .font1 .al-lt {
         font-size: 5vh;
     }
     .content .box>img {
         margin-top: 173px;
     }
     .banner-h1 {
         margin-top: 70px !important;
     }
     .font1 .parallax-move .path-img1 {
         width: 18%;
         left: 297px;
     }
     .font1 .parallax-move .path-img {
         left: 354px;
     }
     .blue-patch .parallax-move>img {
         left: 0px;
     }
     .font1 .padding-3 {
         font-size: 5vh;
     }
     /*-----------contact--------*/
     .centered>h1 {
         font-size: 4vh;
         font-family: ROCC-M;
         margin-top: 0px;
     }
     .contact1 {
         position: relative;
         top: 45px;
     }
     .font1 .index1 .path-img1 {
         width: 18%;
         left: 259px;
     }
     .banner .img-class {
         width: 24%;
         position: relative;
         /* left: -144px; */
         left: -1px;
         top: -263px;
     }
     .font1 .parallax-move .path-img1 {
         width: 18%;
         left: 259px;
     }
     .margine1 {
         margin-top: 0;
     }
     .font1 .parallax-move>img {
         left: 2rem;
     }
     .new-purple-patch {
         margin-top: -4%;
         left: 30rem !important;
     }
     .now-img .img1 {
         width: 265px;
         position: relative;
         margin: 0 auto;
         left: 17px;
     }
     .new-e-class2 {
         left: -10px;
         top: 10rem;
         width: 188px;
     }
     .quote .parallax-move img {
         margin-top: -10rem;
     }
     .border-class {
         width: 95%;
         margin-left: 7%;
     }
     .new-font1 {
         margin-top: 6rem;
     }
     .new-m {
         top: 11rem !important;
     }
     #manufacture {
         padding: 10rem 0rem;
     }
     .testimonial-desing .parallax-move {
         left: 20rem;
     }
     .panel1 {
         padding: 9rem 0rem 0rem;
     }
     .character {
         padding: 8rem 0rem 2.5rem;
     }
     .custom-logo {
         width: 350px;
     }
     .arrow-class {
         top: 100px;
     }
     .cst-img-1 {
         width: 80px;
     }
     .cst-img-2 {
         width: 80px;
     }
     .cst-img-3 {
         width: 80px;
     }
     .cst-img-4 {
         width: 80px;
     }
     .meter-content .box>img {
         width: 85%;
     }
     .meter-content .box>h4 {
         padding-top: 5px;
     }
     .new-block-align {
         top: 70px;
     }
 }
 
 @media(max-width: 1280px) {
     .now-img .img1 {
         left: 37px;
     }
     .meter .img-class3 {
         right: 220px;
     }
     .imgposition {
         top: 5rem;
     }
     .client .img-class4 {
         left: -30px;
         margin-top: 0px;
         width: 22%;
     }
     .position-cls {
         top: 27px;
     }
     .client .img-class5 {
         width: 10%;
         position: absolute;
     }
     .image-block img {
         width: 100%;
         z-index: 88;
     }
     .image-block>p {
         /* font-family: "OpenSans Regular" , sans-serif;;*/
         line-height: 30px;
     }
     .blue-patch {
         right: -84px;
         margin-top: -85px;
     }
     .font1 .parallax-move .path-img {
         left: 127px;
     }
     .font1 .parallax-move .path-img1 {
         left: 272px;
     }
     .box5>img {
         width: 100%;
         /*  margin-top: 50px;*/
     }
     .content .box>img {
         width: 100%;
         margin-top: 80%;
     }
     .blue-patch .parallax-move>img {
         left: 0px;
         width: 71%;
     }
     .font1 .parallax-move .path-img {
         left: 343px;
     }
     .meter .font1 .parallax-move>img {
         max-width: 16%;
         filter: grayscale(0%);
     }
     .content p {
         line-height: 26px;
         font-size: 16px;
     }
     .font2 {
         line-height: 26px;
         font-size: 16px;
     }
     .image-block>p {
         line-height: 26px;
         font-size: 16px;
     }
     .meter-content .box>p {
         line-height: 26px;
         font-size: 16px;
         padding-left: 19px;
         padding-right: 19px;
     }
     /*------------contact----------*/
     .contact1 {
         position: relative;
         top: 101px;
     }
     .font1 .box56>h1 {
         font-size: 6vh;
     }
     .font1 .about1>img {
         width: 43%;
         left: -3px;
         margin-top: -89px;
     }
     /*.font1 .box5>h1 {
   
    font-size: 6vh;
}*/
     .img-align {
         margin-top: 318px;
         width: 100%;
     }
     .box7>img {
         margin-top: 290px;
         width: 100%;
     }
     .font1 .parallax-move .path-img9 {
         left: 307px;
     }
     .position-cls {
         top: 100px;
     }
     .new-block-align {
         top: 70px;
     }
     .wood-stock {
         /*  margin: 13rem 0px;
    margin-bottom: 0px;*/
     }
     .font1 .parallax-move>img {
         position: absolute;
         width: 43%;
         left: 0px;
         margin-top: -27%;
     }
     .font1 .parl>img {
         position: absolute;
         width: 43%;
         left: -43px;
         margin-top: -17%;
     }
     .font1 .parl1>img {
         position: absolute;
         width: 43%;
         left: -43px;
         margin-top: -17%;
     }
     .font1 .parl2>img {
         position: absolute;
         width: 43%;
         left: -43px;
         margin-top: -6%;
     }
     .back-e {
         text-align: left;
         position: relative;
         top: -14rem;
     }
     /*.creative-recycle {
     padding-top: 200px;
    margin-top: 10%;
} */
     .font1 .box56>h1 {
         margin-top: 0px;
     }
     .testimonial-desing .card {
         min-height: 561px !important;
     }
     .new-purple-patch {
         left: 25rem !important;
     }
     .new-time-img {
         margin-top: 4px !important;
     }
     .border-class {
         width: 92%;
         margin-left: 8%;
     }
     .new-m {
         top: 5rem !important;
     }
     .gen-p1 p {
         font-size: 16px;
     }
 }
 
 @media(max-width:1215px) {
     .testimonial-desing .card {
         min-height: 580px !important;
     }
 }
 
 @media(max-width:1200px) {
     .now-img .img1 {
         left: 0px;
     }
     .image-block-image-container img {
         width: 320px;
     }
     .border-class {
         width: 95%;
         height: 72%;
         margin-left: 7%;
     }
     .view-more {
         top: 10rem;
     }
     .view-more h2 {
         font-size: 20px;
     }
 }
 
 @media(max-width:1199px) {
     .newbefore {
         margin-top: 62rem !important;
     }
     .content h1 {
         font-size: 4.5vh;
     }
     .testimonial-desing h1 {
         font-size: 5vh;
     }
     .banner .img-class {
         display: none;
     }
     .recycle .img-class {
         display: none;
     }
     .recycle .img-class1 {
         display: none;
     }
     .meter .img-class3 {
         display: none;
     }
     .meter1 .img-class {
         display: none;
     }
     .creative-recycle .img-class {
         display: none;
     }
     .client .img-class3 {
         display: none;
     }
     .client .img-class4 {
         display: none;
     }
     .client .img-class5 {
         display: none;
     }
     .meter .img-class6 {
         display: none;
     }
     .banner .img-class2 {
         display: none;
     }
     .recycle .img-class3 {
         display: none;
     }
     .meter .s-img .img-class1 {
         display: none;
     }
     .meter .img-class6 {
         display: none;
     }
     .banner .img-class2 {
         display: none;
     }
     .recycle .img-class3 {
         display: none;
     }
     .s-img .img-class1 {
         display: none;
     }
     .e-img .img-class3 {
         display: none;
     }
     .new-e-class {
         display: none;
     }
     .v-class {
         display: none;
     }
     .new-o,
     .new-e,
     .about-new,
     .new-r,
     .new-s,
     .new-e2,
     .new-a,
     .new-s2,
     .contact-new,
     .new-e-class2 {
         display: none;
     }
     .logo-container img {
         width: 110px;
     }
     .content .box>img {
         width: 100%;
         margin-top: 198px;
     }
     .font1 .parallax-move>img {
         width: 30%;
         left: 35px;
     }
     .mt-5,
     .my-5 {
         margin-top: 12rem!important;
     }
     .font1 .parallax-move .path-img {
         left: 322px;
     }
     .meter .font1 .parallax-move>img {
         max-width: 15%;
         filter: grayscale(0%);
     }
     .font1 .parallax-move .path-img1 {
         width: 19%;
         left: 235px;
         /* height: 41%; */
         height: 105px;
     }
     .meter-content .box>h4 {
         font-size: 26px;
     }
     .client img {
         width: 100%;
         padding-bottom: 49px;
     }
     /*.margine1 {
    margin-bottom: 28rem !important;
}*/
     .font1 .ct {
         text-align: center;
         margin-top: 0rem!important;
     }
     .font1 .parallax-move .path-img {
         left: 312px;
     }
     .margine1 {
         margin-top: 10rem;
         bottom: 1rem;
     }
     .testimonial-desing .card {
         min-height: 491px !important;
     }
     /*.border-class {
    width: 55%;
    top: -4px;
    height: 81%;
    margin-left: 24%;
}*/
     .image-block-details p {
         font-size: 16px;
     }
     .font1 .box56>h1 {
         font-size: 4.5vh;
     }
     .font1 .box5>h1 {
         font-size: 4.5vh;
     }
     .gen-content h1 {
         font-size: 5vh;
     }
     .box01 img {
         width: 95%;
     }
     .believe-patch img {
         width: 36%;
         left: -28px;
     }
     .wood-stock {
         margin-bottom: 7rem;
     }
     .med13 img {
         margin-top: 3rem;
     }
 }
 
 @media(max-width: 1150px) {
     .border-class {
         width: 100%;
     }
 }
 
 @media(max-width:1130px) {
     .testimonial-desing .card {
         min-height: 572px !important;
     }
 }
 
 @media(max-width:1100px) {
     .border2 {
         margin-left: 6%;
     }
     .border2 .view-more {
         top: 11rem;
         left: 41px;
     }
 }
 
 @media(max-width: 1052px) {
     .view-more {
         left: 53px;
     }
 }
 
 @media(max-width: 1024px) {
     .font1 .index1 .path-img1 {
         width: 16%;
         left: 215px;
     }
     .font1 .parallax-move .path-img1 {
         width: 16%;
         left: 275px;
     }
     .font1 .parallax-move .path-img {
         left: 257px;
     }
     .creative2 {
         margin-top: 0vh;
     }
     .meter55 {
         margin-top: 0vh;
     }
     .img-align {
         margin-top: 333px;
         width: 100%;
     }
     .font1 .parallax-move>img {
         width: 30%;
         left: 0px;
     }
     .font1 .about1>img {
         position: absolute;
         width: 43%;
         left: -43px;
         margin-top: -83px;
     }
     .mt-5,
     .about2 {
         margin-top: 18rem!important;
     }
     .font1 .box56>h1 {
         font-size: 4.5vh;
     }
     .font1 .box5>h1 {
         font-size: 4.5vh;
     }
     .wood-stock {
         margin: 7rem 0px;
         margin-bottom: 0px;
     }
     .position-cls {
         top: 53px;
     }
     .recycle {
         text-align: right;
         margin-top: 10%;
     }
     .content .box>img {
         margin-top: 80%;
     }
     .font1 .parl>img {
         left: -10px;
     }
     .font1 .parl>img {
         margin-top: -14%;
     }
     .font1 .parl1>img {
         width: 30%;
         left: -10px;
     }
     .font1 .parl1>img {
         margin-top: -20%;
     }
     .font1 .ct {
         text-align: center;
         /*  margin-top: 18rem!important;*/
     }
     .font1 .parl2 .path-img1 {
         width: 16%;
         left: 224px;
     }
     .font1 .parl2>img {
         margin-top: -10%;
     }
     .video-section {
         bottom: -2rem;
     }
 }
 
 @media(max-width: 992px) {
     .meter-content .box>p {
         font-size: 15px;
     }
     .image-block>p {
         line-height: 22px;
         font-size: 14px;
     }
     .blue-patch {
         right: 0px;
         margin-top: -85px;
     }
     .blue-patch .parallax-move>img {
         left: 116px;
         width: 50%;
     }
     div#logo {
         position: relative;
         margin: 0 auto;
         text-align: center;
     }
     .banner-h1 {
         font-size: 28px;
         margin-top: 8rem !important;
     }
     .new-patching {
         display: none;
     }
 }
 
 @media(max-width:979px) {
     nav#mainNav .inner-nav {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
     }
     nav#mainNav .content div.right {
         width: 100%;
     }
     nav#mainNav .content div.left {
         width: 100%;
     }
     .img-home {
         left: 25px;
         top: 25px;
     }
 }
 
 @media(max-width: 992px) {
     .creative-recycle {
         /* padding-top: 200px; */
         margin-top: 0%;
     }
 }
 
 @media(max-width:991px) {
     .tbmbscreen {
         display: block;
     }
     .lglpscreen {
         display: none;
     }
     .logo-container img {
         width: 76px !important;
     }
     .margine1 {
         margin-top: 6rem;
     }
     .testimonial-desing .card {
         min-height: 440px;
     }
     .new-purple-patch {
         left: 15rem !important;
     }
     .border-class {
         width: 50%;
         height: 68%;
         margin-left: 29%;
     }
     .view-more {
         left: 38px;
     }
     .image-block-image-container {
         margin-top: 4rem;
         margin-bottom: 0rem;
     }
     .image-block-image-container img {
         width: 280px;
     }
     .image-block-details p {
         font-size: 16px;
     }
     nav#mainNav .inner-nav {
         height: 100%;
     }
     .cst-img-4 {
         width: 80px;
     }
     .cst-img-3 {
         width: 80px;
     }
     .cst-img-2 {
         width: 80px;
     }
     .cst-img-1 {
         width: 80px;
     }
     .font1 .box56>h1 {
         font-size: 4vh !important;
     }
     .font1 .about6>img {
         margin-top: -36%;
     }
     .font1 .about6>img {
         width: 40%;
         left: 20px;
     }
     .meter .font1 .parallax-move>img {
         margin-top: -10px;
         left: 10rem;
     }
     .font1 .box5>h1 {
         font-size: 4vh;
     }
     /*.testimonial-desing h1{
    font-size:4vh;
}*/
     .gen-content h1 {
         font-size: 4vh;
     }
     .gen-move img {
         height: 60px;
     }
     .box01 img {
         width: 100%;
         margin-top: 5rem;
     }
     .believe-patch img {
         margin-top: 27px;
         left: -15px;
     }
     #manufacture {
         padding: 0;
     }
     .manufacture-headding {
         font-size: 38px;
     }
     .testimonial-desing h1 {
         font-size: 38px;
     }
     .border2 {
         width: 65%;
         margin-left: 20%;
     }
     .p1366 {
         top: -0.5rem;
         left: 6rem;
     }
     .gen-content>h1 {
         font-size: 38px !important;
     }
     .new-orverview12 {
         padding: 6rem 0rem;
     }
     .newcontentbl-right {
         margin-top: 2rem;
     }
 }
 
 @media(max-width:979px) {
     .c-hamburger {
         height: 30px !important;
         width: 25px;
     }
     .c-hamburger span {
         height: 2px;
         border-radius: 15px;
         background: #662526;
     }
     .c-hamburger span::before,
     .c-hamburger span::after {
         height: 2px;
         border-radius: 15px;
         background: #662526;
     }
     a.menuButton.right {
         background: transparent;
     }
 }
 
 @media(width:900px) {
     .border-class {
         width: 55%;
         height: 68%;
         margin-left: 26%;
     }
 }
 
 @media(max-width:890px) {
     .border-class {
         width: 65%;
         height: 68%;
         margin-left: 20%;
     }
 }
 
 @media(max-width: 813px) {
     .border-class {
         width: 65%;
     }
 }
 
 @media(max-width: 800px) {
     div#logo {
         position: relative;
         margin: 0 auto;
         top: 305px;
     }
     .logo-container img {
         left: 0px;
         width: 100px;
     }
     .content p {
         line-height: 22px;
         font-size: 14px;
     }
     .font1>h1 {
         font-size: 5vh;
         line-height: 38px;
     }
     .contact2>h1 {
         font-size: 4vh;
         line-height: 38px;
     }
     .font2 {
         line-height: 20px;
     }
     .blue-patch .parallax-move>img {
         left: 60px;
         width: 50%;
     }
     .meter-content .box>h4 {
         font-size: 22px;
     }
     .font1 .parallax-move .path-img {
         left: 206px;
     }
     .font1 .parallax-move .path-img1 {
         left: 215px;
     }
     .meter-content .box>p {
         line-height: 20px;
         font-size: 14px;
         padding-left: 0px;
         padding-right: 0px;
     }
     .blue-patch .parallax-move>img {
         left: 116px;
         width: 50%;
     }
     .font1 .parallax-move .path-img {
         left: 197px;
     }
     .logo-container {
         position: absolute;
         z-index: 9999;
         left: 6px;
     }
     #mainNav {
         z-index: 10002 !important;
     }
     .patch-align {
         margin-right: 9px;
         margin-top: -110px;
     }
     .patch-align>img {
         width: 20%;
     }
     .font1 .box56>h1 {
         font-family: ROCC-M;
         position: relative;
         z-index: 100;
         text-align: left;
     }
     .creative2 {
         margin-top: 11vh;
     }
     .meter55 {
         margin-top: 10vh;
     }
     .img-align {
         margin-top: 264px;
         width: 100%;
     }
     .font1 .about3>img {
         width: 30%;
         left: -8px;
     }
     .font1 .about4>img {
         width: 30%;
         left: -8px;
     }
     .box5>img {
         width: 100%;
         /* margin-top: 87px; */
     }
     .box5>img {
         width: 100%;
         /* margin-top: 50px; */
     }
     .box5>img {
         width: 100%;
         /* margin-top: 50px; */
         /* margin: 0px; */
         margin: none;
     }
     .banner-h1 {
         font-size: 28px;
         margin-top: 42%;
     }
     /*.content .box9>img {
    margin-top: 149%;
    margin-top: 164%;
}*/
     .font1 .parl2 .path-img1 {
         left: 167px;
     }
     .font1 .parl2>img {
         margin-top: -14%;
     }
     .margine1 {
         margin-top: 6rem;
         margin-bottom: 10rem;
     }
     .newcontentbl-right {
         margin-top: 0rem !important;
     }
 }
 
 @media(max-height:768px) {
     div#logo {
         top: 5rem;
     }
     .banner-h1 {
         margin-top: 50px !important;
     }
 }
 
 @media(max-width: 768px) {
     /* .logo-container {
   
    position: relative;
    z-index: 565;
}*/
     nav#mainNav {
         z-index: 10003;
     }
     div#logo {
         position: relative;
         margin: 0 auto;
         top: 392px;
     }
     .logo-container img {
         left: 10px;
         width: 130px;
     }
     .banner-h1 {
         font-size: 28px;
         margin-top: 90px;
     }
     .banner {
         margin: 0 0 0px;
     }
     .font1>h1 {
         font-size: 4vh;
         line-height: 48px;
     }
     .font1>h1 {
         font-size: 4vh;
         line-height: 48px;
     }
     .font1 .padding-3 {
         font-size: 4vh;
     }
     .font1 .al-lt {
         font-size: 40px;
     }
     .blue-patch .parallax-move>img {
         left: 116px;
         width: 50%;
     }
     .font1 .parallax-move .path-img {
         left: 166px;
         bottom: 0;
     }
     .font1 .parallax-move .path-img1 {
         width: 21%;
         left: 26%;
         top: 60px;
     }
     .font1 .parallax-move .path-img {
         left: 150px !important;
     }
     .contact2>h1 {
         font-size: 3vh;
         line-height: 38px;
     }
 }
 
 @media(max-width: 767px) {
     .mobile-red-p {
         position: absolute;
         width: 22%;
         /* margin: 0 auto; */
         left: 6rem;
         top: 4.2rem;
     }
     .new-font1 {
         margin-top: 4rem;
         margin-bottom: 3rem;
     }
     .mobile-green-p {
         position: absolute;
         width: 22%;
         left: 4rem;
         top: 3.2rem;
     }
     nav#mainNav .content {
         width: 100%;
     }
     .box5>img {
         width: 100%;
         /* margin-top: 87px; */
     }
     .box5>img {
         width: 100%;
         margin-top: 22%;
     }
     .new-patching {
         display: none;
     }
     .font1 .box56>h1 {
         text-align: center;
     }
     #collapseOneDefault,
     #collapseTwoDefault,
     #collapseThreeDefault,
     #collapseFourDefault {
         margin-bottom: 10rem;
         padding-bottom: 5rem;
     }
     .view-more,
     .border-class {
         display: none;
     }
     .display-cls {
         display: block;
         position: relative;
         top: -20px;
     }
     .display-cls1 {
         display: block;
     }
     .display-cls2 {
         display: none !important;
     }
     .image-block-image-container img {
         padding: 15px 0px;
         margin-top: -15px;
     }
     .content p {
         text-align: center;
         margin-top: 0;
     }
     .box5>img {
         width: 50%;
     }
     .cst-img-4 {
         width: 70px;
     }
     .cst-img-3 {
         width: 70px;
     }
     .cst-img-2 {
         width: 70px;
     }
     .cst-img-1 {
         width: 70px;
     }
     .break {
         display: block;
     }
     .wood-stock {
         margin: 2rem 0px;
     }
     .font1 .about6>img {
         position: relative;
         left: 14rem;
         height: 55px;
         width: 24%;
         top: 9px;
     }
     #manufacture {
         padding: 3rem 0rem 7rem 0rem;
     }
     /*.testimonial-desing .card {
    min-height: 520px !important;
}*/
     .gen-p p {
         font-size: 14px;
         text-align: center;
     }
     .gen-content h1 {
         margin-top: 30px;
         margin-bottom: 15px;
     }
     .gen-content {
         text-align: center;
     }
     .testimonial-desing {
         padding-bottom: 0px;
     }
     .h1-md {
         display: none;
     }
     .h1-sm {
         display: block;
     }
     .marginesix {
         text-align: center;
     }
     .med13 img {
         margin-top: 0rem;
     }
     .np1 img {
         width: 25%;
         position: relative;
         left: -4rem;
         height: 68px;
     }
     .gen-content>h1 {
         font-size: 40px !important;
     }
     .np1 {
         text-align: center;
     }
     .gen-p .mt-15 {
         margin-top: 30px;
     }
 }
 
 @media(max-width: 600px) {
     div#logo {
         top: 270px;
     }
     nav#mainNav .content {
         width: 100%;
     }
     .logo-container img {
         left: 0px;
         width: 130px;
     }
     .position-cls {
         top: 77px;
     }
     .font1>h1 {
         font-size: 5vh;
         line-height: 48px;
     }
     .content p {
         line-height: 20px;
         font-size: 16px;
     }
     .content p {
         line-height: 26px;
         font-size: 16px;
     }
     .font1 .al-lt {
         font-size: 5vh;
     }
     .font2 {
         line-height: 25px;
         font-size: 16px;
     }
     .content .box>img {
         width: 70%;
         margin-top: 33%;
     }
     .creative-recycle {
         padding-top: 0px;
     }
     .font1 .padding-3>br {
         display: none;
     }
     .font1 .padding-3 {
         font-size: 5vh;
         margin-top: -18vh;
     }
     .image-block>p {
         line-height: 25px;
         font-size: 16px;
     }
     .font1 .parallax-move .path-img {
         left: 64px !important;
     }
     .meter .font1 .parallax-move>img {
         max-width: 25%;
         filter: grayscale(0%);
     }
     .meter-content .box>h4 {
         font-size: 28px;
         padding-bottom: 10px;
     }
     .meter-content .box>p {
         line-height: 25px;
         font-size: 16px;
         padding-bottom: 50px;
     }
     .client img {
         width: 100%;
         padding-bottom: 40px;
     }
     .font1 .ct {
         text-align: center;
     }
     .banner-h1 {
         font-size: 28px;
     }
     .meter .font1 .parallax-move>img {
         max-width: 27% !important;
     }
     .patch-align {
         margin-right: -11px;
         margin-top: -110px;
         position: relative;
         z-index: 788;
     }
     .parallax-move img {
         height: 60px;
     }
     .font1 .about3>img {
         width: 30%;
         left: -15px;
     }
     .font1 .about4>img {
         width: 30%;
         left: -15px;
     }
     .img-align {
         margin-top: 417px;
         width: 100%;
     }
     .wood-stock5 {
         margin: -196px 0px;
         margin-bottom: 0px;
     }
     .meter55 {
         margin-top: -22vh;
     }
     .mt-5,
     .about2 {
         margin-top: 18rem!important;
     }
     .box85>img {
         margin-top: 230px;
     }
     .contact5>img {
         margin-top: 0px;
         position: relative;
         z-index: 75;
     }
     .recycle1 {
         margin-top: 0vh;
     }
     .box5>img {
         margin-top: 28%;
     }
     .custom-logo {
         width: 90%;
     }
     .recycle {
         text-align: right;
         margin-top: 0%;
     }
     .font1 .box5 .padding-3 {
         margin-top: 30px;
         margin-bottom: 0px;
         padding: 0px;
     }
     .font1 .parl1>img {
         margin-top: -16%;
     }
     .blue-patch .parallax-move>img {
         width: 40%;
         height: 40px;
     }
     .image-block-image-container img {
         width: 70%;
     }
     .border-class {
         width: 106%;
         /*  top: -12px;*/
         height: 81%;
         margin-left: -3%;
     }
     .testimonial-desing .card {
         min-height: 550px !important;
     }
     .image-block-details p {
         font-size: 16px;
     }
     .font1 .about6>img {
         position: relative;
         left: 10rem;
     }
     .font1 .box5>h1 {
         font-size: 4.5vh;
     }
     .font1 .box56>h1 {
         font-size: 4.5vh;
     }
     .align-class img {
         margin-bottom: 28px;
     }
     .font1 .parallax-move .path-img1 {
         height: 50px;
     }
     .footer {
         margin-bottom: 10px;
     }
     .box01 img {
         margin-top: 0rem;
     }
     .np1 img {
         width: 28%;
     }
 }
 
 @media(max-width:575px) {
     .client {
         padding-top: 3rem;
     }
     .client img {
         padding-bottom: 5px;
     }
     .testimonial-desing .card {
         min-height: 460px !important;
     }
     .timeline-image-block img {
         width: 100% !important;
     }
     .carousel {
         width: 100%;
     }
     .video-section {
         position: relative;
         bottom: 0;
         margin-top: 15px;
     }
 }
 
 @media(max-width:480px) {
     .content p {
         margin: 15px 0px;
     }
     .box5>img {
         margin-top: 34%;
     }
     .p1366 {
         left: 5rem;
     }
 }
 
 @media(max-width: 457px) {
     .custom-logo {
         width: 90%;
     }
 }
 
 @media(max-width: 414px) {
     nav#mainNav .content {
         width: 100%;
     }
     .custom-logo {
         width: 75%;
     }
     .font1 .parallax-move .path-img {
         left: 19px !important;
     }
     .meter .font1 .parallax-move>img {
         max-width: 46% !important;
     }
     .font1 .parallax-move .path-img1 {
         width: 30%;
         left: 20px;
     }
     .img-width2 {
         width: 100%;
     }
     .centered>h1 {
         font-size: 3vh;
         font-family: ROCC-M;
         margin-top: 50px;
         line-height: 31px;
     }
     .patch-align1 {
         text-align: -webkit-left;
         margin-left: 0%;
     }
     .patch-align>img {
         width: 40%;
     }
     .patch-align {
         margin-right: 0px;
         margin-top: -110px;
     }
     .mt-5,
     .about2 {
         margin-top: 15rem!important;
     }
     .banner-h1 {
         font-size: 28px;
         margin-top: 60px !important;
     }
     .arrow-class {
         top: 38px;
     }
     .box5>img {
         width: 70%;
         margin-top: 45%;
     }
     .font1 .about6>img {
         margin-top: 0px;
         top: -5rem;
         left: 6rem;
     }
     .index8 {
         margin-top: 40px;
     }
     .content p {
         line-height: 25px;
         font-size: 14px;
     }
     .font2 {
         line-height: 25px;
         font-size: 15px;
     }
     .content .box>img {
         width: 70%;
         margin-top: 45%;
     }
     .image-block>p {
         line-height: 25px;
         font-size: 14px;
     }
     .blue-patch .parallax-move>img {
         left: 100px;
         width: 40%;
     }
     .font1 .parl2>img {
         margin-top: -25%;
     }
     .margine1 {
         /*margin-bottom: 16rem !important;*/
         margin-top: 0rem!important;
     }
     .meter-content .box>img {
         width: 100%;
     }
     .meter-content .box>h4 {
         font-size: 20px;
         padding-bottom: 10px;
     }
     .ct {
         margin-bottom: 2rem!important;
         margin-top: 0rem!important;
     }
     .client img {
         padding-bottom: 15px;
     }
     .client {
         padding-top: 4rem;
     }
     .p1366 {
         left: 1rem;
         width: 31%;
     }
     .gen-content>h1 {
         font-size: 30px !important;
     }
     .np1 img {
         width: 36%;
         position: relative;
         left: -3rem;
         height: 55px;
     }
 }
 
 @media (max-width: 380px) {
     .padding-3 {
         font-size: 3.8vh;
     }
     .font1 .about6>img {
         height: 30px;
     }
     .p1366 {
         left: 3.5rem;
         top: 4.5rem;
     }
 }
 
 @media(max-width: 375px) {
     nav#mainNav .content {
         width: 100%;
     }
     .box5>img {
         width: 70%;
     }
     .custom-logo {
         width: 75%;
     }
     .font1 .box5>h1 {
         font-size: 4vh;
     }
     .font1 .box56>h1 {
         font-size: 4vh
     }
 }
 
 @media (max-width: 320px) {
     nav#mainNav .content {
         width: 100%;
     }
     .custom-logo {
         width: 75%;
     }
     div#logo {
         top: 140px;
     }
     .banner-h1 {
         font-size: 24px;
     }
     .arrow-class {
         top: 30px;
         left: -38px;
     }
     .cst-img-1 {
         width: 75px;
     }
     .cst-img-2 {
         width: 75px;
     }
     .cst-img-3 {
         width: 75px;
     }
     .cst-img-4 {
         width: 75px;
     }
     .font1 .about6>img {
         height: 30px;
     }
     .content h1 {
         font-size: 7vh;
     }
     .font1 .about3>img {
         width: 30%;
         left: -7px;
     }
     .font1 .about4>img {
         width: 30%;
         left: -7px;
     }
     .font1 .al-lt {
         font-size: 7vh;
     }
     .font1 .padding-3 {
         font-size: 7vh;
         margin-top: -18vh;
     }
     .font1>h1 {
         font-size: 7vh;
         line-height: 48px;
     }
     .meter-content .box>h4 {
         font-size: 20px;
         padding-bottom: 0px;
     }
     .font1 .index1>img {
         position: absolute;
         width: 43%;
         left: -43px;
         margin-top: 0px;
     }
     .box7>img {
         margin-top: 331px;
         width: 100%;
     }
     .contact2>h1 {
         font-size: 3vh;
         line-height: 25px;
     }
     .font1 .box78>h1 {
         font-family: ROCC-M;
         position: relative;
         z-index: 100;
         font-size: 45px;
         text-align: left;
     }
     .contact1 .parallax-move>img {
         width: 60%;
         left: 31px;
     }
     .client {
         margin-top: 3rem;
     }
     .client img {
         padding-bottom: 5px;
     }
     .font1 .index1>img {
         position: absolute;
         width: 43%;
         left: -43px;
         margin-top: -82px;
     }
     .banner-h1 {
         margin-top: 40px !important;
     }
     .position-cls {
         top: 50px;
     }
     .font1 .box56>h1 {
         font-size: 4vh;
     }
     .content p {
         line-height: 15px;
         font-size: 12px;
         padding: 0px 0px 0px 0px;
         margin-top: -17px;
     }
     .box5>img {
         width: 70%;
         margin-top: 42% !important;
     }
     .font1 .box5>h1 {
         font-size: 4vh;
     }
     .font1 .parl>img {
         margin-top: -26%;
         width: 35%;
         left: 0px;
         height: 46px;
     }
     .font2 {
         line-height: 15px;
         margin-top: -10px
     }
     .font1 .parl1>img {
         margin-top: -25%;
         /* width: 20%; */
     }
     .font1 .parl>img {
         height: 45px;
     }
     .font1 .box5 .padding-3 {
         margin-top: 48px;
         margin-bottom: 0px;
         padding: 0px;
     }
     .image-block>p {
         line-height: 15px;
         font-size: 14px;
         margin-top: 1px;
     }
     .blue-patch .parallax-move>img {
         width: 39%;
         height: 24px;
     }
     .parallax-move img {
         height: 40px;
     }
     .margine1 {
         margin-bottom: 6rem !important;
     }
     .meter-content .box>h4 {
         font-size: 16px;
     }
     .meter-content .box>h4 {
         padding-top: 5px;
     }
     .font1 .ct {
         text-align: center;
         margin-top: -3rem!important;
     }
     #manufacture {
         padding: 3rem 0rem 3rem 0rem;
     }
     .client {
         margin-top: 0rem;
         padding-top: 3rem;
     }
     .testimonial-desing {
         padding-top: 0px;
         /* padding-bottom: 50px;*/
     }
     .new-space {
         padding: 70px 0px 30px 0px;
     }
 }
 /*============================= Media Queries ==========================*/