body{ width: 100%; padding: 0; margin: 0; background: #fff; }
h1, h2, h3, h4, h5, h6, p{ padding: 0; margin: 0; font-family: 'Oxygen', sans-serif; }
ul{ padding: 0; margin: 0; }
li{ list-style: none; }
a{ text-decoration: none !important ; outline: none !important ; color: red; }
*{ padding: 0; margin: 0; font-family: 'Oxygen', sans-serif; }




/*Header-top Satrt*/
.header-top{ width: 100%; position: relative; background: #000; display: block; padding: 0; margin: 0; }
.header-top .header-top-left{ display: inline-block; float: left; padding: 8px 0; margin: 0 30px 0 0; }
.header-top .header-top-left i{ font-size: 16px; line-height: 18px; color: #fff; padding: 0; margin: 0 6px 0 0; }
.header-top .header-top-left a{ font-size: 16px; line-height: 22px; color: #fff; padding: 0; margin: 0; transition: all 300ms ease-in-out; }
.header-top .header-top-left a:hover{ color: #6cab04; transition: all 300ms ease-in-out; }
.header-top .brochure{ width: 100%; padding: 6px 0; margin: 0; text-align: right; }
.header-top .brochure h6 a{ display: inline-block; font-size: 16px; line-height: 18px; color: #fff; background: #e45326; padding: 4px 20px; margin: 0; border-radius: 30px; transition: all 400ms ease-in-out; border: 1px solid #3e7c01; }
.header-top .brochure h6 a:hover{ background: #6cab04; transition: all 400ms ease-in-out; }

.header-top .sosal-icon{ width: 100%; float: right; padding: 6px 0; margin: 0; }
.header-top .sosal-icon ul{ padding: 0; margin: 0; float: right; }
.header-top .sosal-icon ul li{ display: inline-block; padding: 0; margin: 0 0 0 14px; border: 1px solid #3e7c01; border-radius: 40px; width: 28px; height: 28px; text-align: center; float: left; }
.header-top .sosal-icon ul li a{  }
.header-top .sosal-icon ul li a i{ font-size: 13px; line-height: 18px; color: #e45326; padding: 4px 8px; margin: 0; transition: all 300ms ease-in-out; }
.header-top .sosal-icon ul li a i:hover{ color: #6cab04; transition: all 300ms ease-in-out; }




/*Header Start*/
.header-bottom{ width: 100%; display: block; background: #fff; padding: 0 0; margin: 0; z-index: 999; position: sticky; top: 0; left: 0; box-shadow: 0 2px 5px #3e7c01d9; }
.header-bottom .logo{ width: 39%; padding: 9px 0; margin: 0; }
.header-bottom .logo img{ width: 100%; }

.header-bottom .menu{ width: 73%; float: right; padding: 0; margin:0; }
.header-bottom .menu ul{ float: right; padding: 0; margin:0; }
.header-bottom .menu ul li{  position: relative;  padding: 0; margin: 0; list-style: none; }
.header-bottom .menu ul li a{ position: relative;   padding: 0 10px; margin: 0; color: #3e7c01; text-transform: uppercase; font-size: 16px; line-height: 30px; font-weight: bold;}
.header-bottom .menu ul li a:hover{color:#fff;}
.header-bottom .menu ul li.active a{ color: #fff; background: #3e7c01; }
.header-bottom .menu .sf-menu li ul li a{ background: #3e7c01; }

/*.header .menu ul li a:after {z-index: -1; content: ""; width: 0px; height: 0px; background: #000; position: absolute;right: 0; left: 0; bottom: 0;  padding: 0; margin: 0 auto; transition: all 500ms ease-in-out; }
.header .menu ul li a:hover:after{ content: ""; color: #fff; width: 100%; height: 100%; background: #3e7c01; position: absolute;right: 0; left: 0; bottom: 0px; padding:5px 0; margin: 0 auto; transition: all 500ms ease-in-out;}*/




/*Banner Start*/
.banner{ width: 100%; position: relative; display: block; overflow: hidden; background: #000; padding: 0; margin: 0; }
.banner img{ width: 100%; opacity: 0.1; }
.banner video{ width: 100%; height: 600px; opacity: 0.5; padding: 0; margin: 0 0 0 110px; }
.banner video source{ width: 100%; }
/*Banner Text Dec*/
.banner .banner-text{ width: 100%; position: absolute; content: ""; bottom: 130px; padding: 20px 0; margin: 0; z-index: 99; }
.banner .banner-text .text-dec{ width: 90%; padding: 0; margin: 0; }
.banner .banner-text .text-dec h5{ font-family: 'Oxygen', sans-serif; font-size: 24px; line-height: 30px; color: #09b72e; padding: 0; margin: 0; font-weight: bold; }
.banner .banner-text .text-dec h2{  font-size: 80px; line-height: 60px; color: #fff; padding: 20px 0; margin: 0; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 5px #000; }
.banner .banner-text .text-dec p{ font-family: 'Oxygen', sans-serif; font-size: 30px; line-height: 32px; color: #fff; padding: 15px 0 0 0; margin: 0; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; }

.banner .banner-text .text-dec a{ position: relative; display: inline-block; padding: 16px 22px; margin: 30px 30px 0 0; color: #fff; text-transform: uppercase; transition: 0.5s; overflow: hidden;  font-weight: bold; width: 18%; text-align: center; letter-spacing: 1px; }
.banner .banner-text .text-dec a.active{ background: #e45326; }
.banner .banner-text .text-dec a:hover{ background: #3e7c01; color: #fff; box-shadow: 0 0 5px #3e7c01, 0 0 15px #3e7c01, 0 0 30px #3e7c01, 0 0 50px #3e7c01;  letter-spacing: 4px; }
.banner .banner-text .text-dec a.active:hover{ background: #e45326; color: #fff; box-shadow: 0 0 5px #e45326, 0 0 15px #e45326, 0 0 30px #e45326, 0 0 50px #e45326;  letter-spacing: 4px; }


.banner .banner-text .text-dec a:nth-child(1){
    filter: hue-rotate(270deg);
}
.banner .banner-text .text-dec a:nth-child(2){
    filter: hue-rotate(110deg);
}
.banner .banner-text .text-dec a span{
    position: absolute;
    display: block;
}
.banner .banner-text .text-dec a span:nth-child(1){
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg,transparent,#3e7c01);
    animation: animate1 1s linear infinite;
}
@keyframes animate1{
    0%{
        left: -100%;
    }
    50%,100%{
        left: 100%;
    }
}
.banner .banner-text .text-dec a span:nth-child(2){
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg,transparent,#3e7c01);
    animation: animate2 1s linear infinite;
    animation-delay: 0.25s;
}
@keyframes animate2{
    0%{
        top: -100%;
    }
    50%,100%{
        top: 100%;
    }
}

.banner .banner-text .text-dec a span:nth-child(3){
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg,transparent,#3e7c01);
    animation: animate3 1s linear infinite;
    animation-delay: 0.50s;
}
@keyframes animate3{
    0%{
        right: -100%;
    }
    50%,100%{
        right: 100%;
    }
}


.banner .banner-text .text-dec a span:nth-child(4){
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg,transparent,#3e7c01);
    animation: animate4 1s linear infinite;
    animation-delay: 0.75s;
}
@keyframes animate4{
    0%{
        bottom: -100%;
    }
    50%,100%{
        bottom: 100%;
    }
}
.banner .banner-text .text-dec a.active span:nth-child(1){
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg,transparent,#e45326);
    animation: animate1 1s linear infinite;
}
@keyframes animate1{
    0%{
        left: -100%;
    }
    50%,100%{
        left: 100%;
    }
}
.banner .banner-text .text-dec a.active span:nth-child(2){
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg,transparent,#e45326);
    animation: animate2 1s linear infinite;
    animation-delay: 0.25s;
}
@keyframes animate2{
    0%{
        top: -100%;
    }
    50%,100%{
        top: 100%;
    }
}

.banner .banner-text .text-dec a.active span:nth-child(3){
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg,transparent,#e45326);
    animation: animate3 1s linear infinite;
    animation-delay: 0.50s;
}
@keyframes animate3{
    0%{
        right: -100%;
    }
    50%,100%{
        right: 100%;
    }
}


.banner .banner-text .text-dec a.active span:nth-child(4){
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg,transparent,#e45326);
    animation: animate4 1s linear infinite;
    animation-delay: 0.75s;
}
@keyframes animate4{
    0%{
        bottom: -100%;
    }
    50%,100%{
        bottom: 100%;
    }
}

/*Inner Banner Start*/
.inner-banner{ width: 100%; height: 200px; position: relative; display: block; color: #000; padding: 0; margin: 0; }
.inner-banner img{ width: 100%; height: 100%; }
.inner-banner h2{ position: absolute; content: ""; bottom: 65px; color: #fff; font-size: 54px; line-height: 60px; font-weight: bold; padding: 0 30px 0 ; margin: 0; border-left: 10px solid #fff; border-right: 10px solid #fff;}


/*About Start*/
.about{ width: 100%; display: block; position: relative; background: #fff; padding: 50px 0; margin: 0; }
.about .about-dec{ width: 100%; padding: 0; margin: 0; }
.about .about-dec h2{ font-size: 40px; line-height: 45px; font-weight: bold; color: #e45326; padding: 0 0 15px; margin: 0; }
.about .about-dec p{ font-size: 18px; line-height: 26px; color: #5c5c5c; padding: 0 0 20px; margin: 0; text-align: justify; font-weight: bold; }
.about .about-dec a{ width: 30%; text-align: center; display: inline-block; font-size: 14px; line-height: 16px; color: #fff; background: #e45326; padding: 15px 30px; border-radius: 30px; margin: 15px 0 0; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; transition: all 400ms ease-in-out; box-shadow: 0 0 3px #000; }
.about .about-dec a:hover{  letter-spacing: 3px; transition: all 400ms ease-in-out; box-shadow: none; }

.about .about-image{ width: 100%; padding: 0; margin: 0; }
.about .about-image img{ width: 100%; }

/*inner-about*/
.inner-about{ width: 100%; display: block; position: relative; background: #fff; padding: 50px 0 0; margin: 0; }
.inner-about h2{ font-size: 40px; line-height: 45px; font-weight: bold; color: #e45326; padding: 0; margin: 0; text-align: center; }
.inner-about h5{ font-family: 'Oxygen', sans-serif; font-size: 18px; line-height: 24px; color: #3e7c01; padding: 10px 0 30px; margin: 0; font-weight: bold; text-align: center; }
.inner-about p{ font-size: 18px; line-height: 26px; color: #5c5c5c; padding: 0; margin: 0 0 15px; text-align: justify; font-weight: bold; }
.inner-about h4{ font-family: 'Oxygen', sans-serif; font-size: 18px; line-height: 24px; color: #3e7c01; padding: 10px 0; margin: 0; font-weight: bold;  }
.inner-about h4 span{ color: #3d3d3d; font-size: 22px; }
/*Mission Vision*/
.mv{ width: 100%; display: block; position: relative; background: #fff; padding: 50px 0 30px; margin: 0; }
.mv .mv-dec{ width: 100%; padding: 0; margin: 0; }
.mv .mv-dec h5{ font-family: 'Oxygen', sans-serif; font-size: 22px; line-height: 24px; color: #e45326; padding: 0 0 15px; margin: 0; font-weight: bold; }
.mv .mv-dec ul{ padding: 0; margin: 0; }
.mv .mv-dec ul li{ font-size: 18px; line-height: 26px; color: #5c5c5c; padding: 0 0 20px; margin: 0; text-align: justify; font-weight: bold; }
.mv .mv-dec ul li b{ font-size: 28px; color: #3e7c01; padding: 0 10px 0 0; }
.mv .mv-dec ul li span{ color: #3d3d3d; font-size: 22px; }

.mv .mv-dec p{ font-size: 18px; line-height: 26px; color: #5c5c5c; padding: 0; margin: 0; text-align: justify; font-weight: bold; }

.mv .mv-img{ width: 100%; padding: 0; margin: 0 0 30px; }
.mv .mv-img img{ width: 100%; }

/*About-Diverse Start*/
.about-diverse{ width: 100%; display: block; position: relative; background: #f3f3f3; padding: 50px 0 20px; margin: 0; }
.about-diverse .about-diverse-item{ width: 100%; padding: 20px 15px; margin: 0 0 30px; box-shadow: 0 0 5px #8c8c8c; background: #fff; display: inline-block; border-radius: 10px; transition: all 400ms ease-in-out }
.about-diverse .about-diverse-item:hover{ transform: translateY(-10px); transition: all 400ms ease-in-out; }
.about-diverse .about-diverse-item .font-icon{  width: 100%; padding: 0; margin: 0; text-align: center; }
.about-diverse .about-diverse-item .font-icon i{ background: #e45326; border-radius: 70px; color: #fff; font-size: 30px; padding: 25px 0; width: 80px; }
.about-diverse .about-diverse-item .about-diverse-item-dec{ width: 100%; float: right; padding: 0; margin: 0; text-align: center; }
.about-diverse .about-diverse-item .about-diverse-item-dec h3{ font-family: 'Oxygen', sans-serif; font-size: 22px; line-height: 24px; color: #3d3d3d; padding: 13px 0; margin: 0; font-weight: bold; }
.about-diverse .about-diverse-item .about-diverse-item-dec p{ font-size: 17px; line-height: 24px; color: #5c5c5c; padding: 0; margin: 0; text-align: justify; font-weight: bold; }




/*Area Start*/
.area{ width: 100%; display: block; position: relative; background: #fff; padding: 50px 0; margin: 0 5px 0 0; }
.area h2{ font-size: 40px; line-height: 45px; font-weight: bold; color: #e45326; padding: 0; margin: 0; text-align: center; }
.area h5{ font-family: 'Oxygen', sans-serif; font-size: 18px; line-height: 24px; color: #3e7c01; padding: 10px 0 30px; margin: 0; font-weight: bold; text-align: center; }
.area .area-item-box{ width: 100%; background: #fff; padding: 5px; border-radius: 10px; overflow: hidden;
box-shadow: 0 0 5px #c1c1c1; margin: 0 0 30px; transition: all 400ms ease-in-out; }
.area .area-item-box:hover{ transform: translateY(-10px); transition: all 400ms ease-in-out; }
.area .area-item-box .item-images{ width: 100%; padding: 0; margin: 0; border-radius: 5px 5px 0 0; overflow: hidden; }
.area .area-item-box .item-images img{ width: 100%; height: auto; }
.area .area-item-box h4{ font-size: 22px; line-height: 30px; font-weight: bold; color: #000; padding: 15px; margin: 0; text-align: center; border-top: 5px solid #e2e2e2; }


/*Product Start*/
.product{ width: 100%; display: block; position: relative; background: url(../images/product-banner.png) no-repeat; background-size: cover; background-attachment: fixed; padding: 50px 0; margin: 0 5px 0 0; }
.product h2{ font-size: 40px; line-height: 45px; font-weight: bold; color: #fff; padding: 0 0 30px; margin: 0; text-align: center; }
.product #product-slider .item{ margin: 0 15px; }
.product .product-box{ width: 100%; background: #fff; box-shadow: 0 0 5px #c1c1c1; padding: 0; margin: 0; transition: all 400ms ease-in-out; }
.product .product-box:hover{ transform: translateY(-10px); transition: all 400ms ease-in-out; }
.product .product-box img{ width: 100%; }
.product .product-box h4{ font-size: 22px; line-height: 30px; font-weight: bold; color: #000; padding: 15px; margin: 0; text-align: center; border-top: 5px solid #e2e2e2; transition: all 400ms ease-in-out; }
.product .product-box h4:hover{ color: #3e7c01; transition: all 400ms ease-in-out; }

/*Inner Product*/
.inner-product{ width: 100%; display: block; position: relative; background: #fff; padding: 50px 0 20px; margin: 0; }
.inner-product h2{ font-size: 40px; line-height: 45px; font-weight: bold; color: #e45326; padding: 0 0 30px; margin: 0; text-align: center; }
.inner-product .product-box{ width: 100%; padding: 0; margin: 0 0 30px; background: #fff; box-shadow: 0 0 5px #000; transition: all 400ms ease-in-out; height: 310px;  }
.inner-product .product-box img{ width: 100%; }
.inner-product .product-box h4{ font-size: 22px; line-height: 30px; font-weight: bold; color: #000; padding: 15px; margin: 0; text-align: center; border-top: 5px solid #e2e2e2; transition: all 400ms ease-in-out; }

/*Other Product Start*/
.other-product{ width: 100%; display: block; position: relative; background: #f3f3f3; padding: 50px 0 20px; margin: 0; }
.other-product h2{ font-size: 40px; line-height: 45px; font-weight: bold; color: #e45326; padding: 0 0 30px; margin: 0; text-align: center; }
.other-product .other-product-dec{ width: 100%; padding: 0; margin: 0 0 30px; background: #fff; box-shadow: 0 0 5px #878787; transition: all 400ms ease-in-out;  overflow: hidden; border: 1px solid #3e7c01; border-radius: 0 0 10px 10px; }
.other-product .other-product-dec:hover{ transform: translateY(-10px); transition: all 400ms ease-in-out; }
.other-product .other-product-dec img{ width: 100%; }
.other-product .other-product-dec h4{ font-size: 20px; line-height: 24px; font-weight: bold; color: #3e7c01; padding: 15px 0; margin: 0; border-top: 2px solid #e45326; border-bottom: 4px solid #e45326; text-align: center; }
.other-product .other-product-dec p{ font-size: 16px; line-height: 24px; color: #5c5c5c; padding: 15px 20px 25px; margin: 0; text-align: justify; font-weight: bold; }

/*Products by Brands*/
.brands{ width: 100%; display: block; position: relative; background: #fff; padding: 10px 0 50px; margin: 0; }
.brands h2{ font-size: 40px; line-height: 45px; font-weight: bold; color: #e45326; padding: 0; margin: 0; text-align: center; }
.brands h5{ font-family: 'Oxygen', sans-serif; font-size: 18px; line-height: 24px; color: #3e7c01; padding: 10px 0 30px; margin: 0; font-weight: bold; text-align: center; }
.brands #brands-slider .item{ margin: 0 15px; }
.brands .brand-logo{ width: 100%; padding: 0; margin: 0; box-shadow: 0 0 10px #c1c1c1; background: #fff; border: 1px solid #e45326; }
.brands .brand-logo img{ width: 100%; }


/*Product Single Page*/
.railway{ width: 100%; display: block; position: relative; background: #fff; padding: 50px 0 20px; margin: 0; }


.railway .railway-box{ width: 100%; background: #f3f3f3; border: 1px solid #3e7c01; padding: 0; margin: 0;  overflow: hidden; box-shadow: 0 0 10px #c1c1c1; }
.railway .railway-box .railway-image{ width: 100%; overflow: hidden; padding: 0; margin: 0; }
.railway .railway-box .railway-image img{ width: 100%; }
.railway .railway-box .railway-dec{ width: 100%; padding: 0 30px 0 0; margin: 0; }
.railway .railway-box .railway-dec h2{ font-size: 40px; line-height: 50px; color: #e45326; padding: 10px 0; margin: 0; font-weight: bold; }
.railway .railway-box .railway-dec p{ font-size: 17px; line-height: 26px; color: #5c5c5c; padding: 0; margin: 0 0 15px; text-align: justify; font-weight: bold; }

.railway-item-conent{ width: 100%; display: block; position: relative; background: #fff; padding: 10px 0 50px; margin: 0; }
.railway-item-conent .railway-item{ width: 100%; padding: 0; margin: 0 0 15px; }

.railway-item-conent .railway-item ul{ padding: 0; margin: 0; }
.railway-item-conent .railway-item ul i{ border: 2px solid #e45326; border-radius: 50px; padding: 15px 16px; margin: 0 10px 0 0; color: #e45326; font-size: 18px; }
.railway-item-conent .railway-item ul li{ font-size: 18px; line-height: 20px; color: #212d45; display: inline-block; padding: 0; margin: 0; font-weight: bold; }

/*Inner Brand Start*/
.brand{ width: 100%; position: relative; display: block; padding: 50px 0 20px; margin: 0; background: #fff; }
.brand h2{ font-size: 40px; line-height: 45px; font-weight: bold; color: #e45326; padding: 0 0 30px; margin: 0; text-align: center; }
.brand .brand-content-box{ width: 100%; padding: 0; margin: 0 0 30px; box-shadow: 0 0 5px #000; }
.brand .brand-content-box img{ width: 100%; padding:15px; }
.brand .brand-content-box h6{ text-align: center; text-transform: uppercase; font-size: 18px; line-height: 24px; font-weight: bold; color: #000; padding: 15px; margin: 0; border-top: 5px solid #e2e2e2; }


/*Services Start*/
.our-service{ width: 100%; position: relative; display: block; padding: 50px 0 20px; margin: 0; background: #fff; }
.our-service h2{ font-size: 40px; line-height: 45px; font-weight: bold; color: #e45326; padding: 0; margin: 0; text-align: center; }
.our-service h5{ font-family: 'Oxygen', sans-serif; font-size: 18px; line-height: 24px; color: #3e7c01; padding: 10px 0 30px; margin: 0; font-weight: bold; text-align: center; }

.our-service .our-service-dec{ width: 100%; background: #f3f3f3; border: 1px solid #3e7c01; padding: 0 0 30px; margin: 0 0 30px; overflow: hidden; box-shadow: 0px 0px 3px #b1b1b1; transition: all 400ms ease-in-out; border-radius: 0 0 10px 10px; }
.our-service .our-service-dec:hover{ transform: translateY(-10px); transition: all 400ms ease-in-out; }
.our-service .our-service-dec img{ width: 100%; }
.our-service .our-service-dec h4{ font-family: 'Oxygen', sans-serif; font-size: 18px; line-height: 24px; color: #e45326; display: inline-block; padding: 20px 20px 10px; margin: 0 0 ; font-weight: bold; }
.our-service .our-service-dec p{ font-size: 16px; line-height: 26px; color: #5c5c5c; padding: 0 20px 20px; margin: 0; text-align: justify; font-weight: bold; }
.our-service .our-service-dec a{ width: 50%; text-align: center; display: inline-block; font-size: 14px; line-height: 16px; color: #fff; background: #e45326; padding: 15px 30px; border-radius: 30px; margin: 0 0 0 20px; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; transition: all 400ms ease-in-out; box-shadow: 0 0 3px #000; }
.our-service .our-service-dec a:hover{  letter-spacing: 3px; transition: all 400ms ease-in-out; box-shadow: none; }









/*Client Slider*/
.client{ width: 100%; display: block; position: relative; background: #fff; padding: 20px 0 30px; margin: 0; }
.client h2{ font-size: 40px; line-height: 45px; font-weight: bold; color: #e45326; padding: 0 0 30px; margin: 0; text-align: center; }
.client h5{ font-family: 'Oxygen', sans-serif; font-size: 18px; line-height: 24px; color: #3e7c01; padding: 10px 0 30px; margin: 0; font-weight: bold; text-align: center; }
.client #client-slider .item{ margin: 0 15px; }
.client .client-box{ width: 100%; padding: 10px; margin: 0; box-shadow: 0 0 10px #c1c1c1; background: #fff; border: 1px solid #e45326; transition: all 400ms ease-in-out; }
.client .client-box:hover{ transform: translateY(-10px); transition: all 400ms ease-in-out; }
.client .client-box img{ width: 100%; }
.client .client-box h4{ font-size: 22px; line-height: 30px; font-weight: bold; color: #fff; padding: 10px; margin: 10px 0 0 0; text-align: center; transition: all 400ms ease-in-out; text-transform: uppercase; background: #e45326; }

/*Who We Are*/
.who{ width: 100%; display: block; position: relative; background: #fff; padding: 50px 0; margin: 0 5px 0 0; }
.who .who-image{ width: 100%; padding: 0; margin: 0; }
.who .who-image img{ width: 100%; filter: drop-shadow(0 0 0.75rem #e45326); }

.who .who-dec{ width: 100%; padding: 0; margin: 0; }
.who .who-dec h2{ font-size: 40px; line-height: 45px; font-weight: bold; color: #e45326; padding: 0; margin: 0; }
.who .who-dec p{ font-size: 18px; line-height: 26px; color: #5c5c5c; padding: 20px 0 30px; margin: 0; text-align: justify; font-weight: bold; }
.who .who-dec a{ width: 37%; text-align: center; display: inline-block; font-size: 14px; line-height: 16px; color: #fff; background: #e45326; padding: 15px 30px; border-radius: 30px; margin: 0; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; transition: all 400ms ease-in-out; box-shadow: 0 0 3px #000; }
.who .who-dec a:hover{  letter-spacing: 3px; transition: all 400ms ease-in-out; box-shadow: none; }

/*letest News*/
.news-line{ width: 100%; display: block; position: relative; background: #f3f3f3; padding: 20px 0; margin: 0 5px 0 0; }
.news-line h4{ width: 17%; float: left; font-size: 30px; line-height: 32px; color: #e45326; padding: 0; margin: 0; border-right: 5px solid #3e7c01; font-weight: bold; }
.news-line marquee{ font-family: 'Oxygen', sans-serif; width: 82%; float: left; font-size: 16px; line-height: 18px; color: #000; padding: 6px 0; margin: 0 0 0 11px; font-weight: bold; }


/*Book Now Start*/
.booking{ width: 100%; position: relative; background: #f3f3f3;   padding: 50px 0; margin: 0; }
.booking h2{ font-size: 40px; line-height: 45px; color: #e45326; text-align: center; padding: 0; margin: 0; font-weight: bold; }
.booking p{ font-size: 18px; line-height: 24px; color: #3e7c01; padding: 20px 0 30px; margin: 0 auto; text-align: center; font-weight: bold; }
.booking .booking-form{ width: 50%; display: block; border-radius: 6px; padding: 30px 15px; margin: 0 auto; border: 2px solid #e45326; }
.booking .booking-form form{ width: 100%; padding: 0; margin: 0; }
.booking .booking-form form .fill-box{  width: 47%; display: inline-block; background: #fff; padding: 0; margin: 0 7px 26px; border-radius: 6px; border: 1px solid #ccc; box-shadow: 0px 10px 10px lightblue; }
.booking .booking-form form .fill-box input{ width: 96%; font-size: 16px; line-height: 18px; padding: 10px; margin: 0; color: #7c7c7c; outline: none; border: none; background: none; }
.booking .booking-form form .subject{ width: 97%; }
.booking .booking-form form .subject input{ width: 98%; }
.booking .booking-form form .message { width: 97%; }
.booking .booking-form form .send{ width: 42%; display: inline-block;  background: #e45326; border: 2px solid #fff; padding: 0; margin: 0 7px 0; border-radius: 6px; border: 1px solid #ccc; box-shadow: 0px 10px 10px lightblue; text-align: center; }
.booking .booking-form form .send input[type="submit"]{ width: 100%; color: #fff; font-size: 20px;  transition: all 500ms ease-in-out; padding: 15px 30px; margin: 0; display: inline-block; text-shadow: -5px 5px 10px rgba(0, 0, 0, 0.63); text-align: center; text-transform: capitalize; border: none; outline: none; background: none; }
.booking .booking-form form .send input[type="submit"]:hover{ letter-spacing: 3px; transition: all 500ms ease-in-out; }
.booking .booking-form form .fill-box textarea{ width: 98% !important ; font-size: 16px; line-height: 18px; outline: none; height: auto; padding: 10px; margin: 0; outline: none; border: none; background: none; }


/*Contact Start*/
.contact{ width: 100%; position: relative; display: block; background: #fff; padding: 50px 0; margin: 0; }
.contact h2{ font-size: 40px; line-height: 45px; color: #e45326; text-align: center; padding: 0 0 30px; margin: 0; font-weight: bold; }
.contact .contact-box{  background: #f3f3f3; border: 1px solid #3e7c01; box-shadow: 0px 0px 5px #b1b1b1; padding: 0; margin: 0; border-radius: 10px 0 0 10px; }

.contact .contact-box .discount-dec{ width: 100%; display: inline-block; padding: 30px 15px 0; margin: 0; text-align: center; }
.contact .contact-box .discount-dec h3{ font-size: 34px; line-height: 35px; color: #000; font-weight: bold; padding: 0 0 20px; margin: 0; text-align: center; }
.contact .contact-box .discount-dec h4{ font-size: 17px; line-height: 20px; color: #5c5c5c; font-weight: bold; padding: 0 0 10px; margin: 0; text-align: center; }
.contact .contact-box .discount-dec h4 i{ color: #3e7c01; padding: 0 10px 0 0; }
.contact .contact-box .discount-dec h4 span{ font-size: 28px; line-height: 30px; color: #3e7c01; font-weight: bold; text-align: center; padding: 0; margin: 0; font-weight: bold; }
.contact .contact-box .discount-dec ul{ padding: 0; margin: 0; }
.contact .contact-box .discount-dec ul li{ font-size: 17px; line-height: 26px; color: #5c5c5c; font-weight: bold; text-align: center; padding: 0; margin: 0; }
.contact .contact-box .discount-dec ul li i{ color: #3e7c01; padding: 0 10px 0 0; }
.contact .contact-box .discount-dec ul li a{ color: #e45326; font-weight: bold; transition: all 300ms ease-in-out; }
.contact .contact-box .discount-dec ul li a:hover{ color: #3e7c01; transition: all 300ms ease-in-out; }
.contact .contact-form{ width: 100%; display: inline-block; padding: 0; margin: 0; }
.contact .contact-form h3{ font-size: 34px; line-height: 35px; color: #000; font-weight: bold; padding: 30px 0 20px; margin: 0; text-align: center; }
.contact .contact-form form { width: 100%; padding: 0; margin: 0; }
.contact .contact-form form .fill-box{ width: 50%; float: left; display: inline-block; padding: 0 0 26px; margin: 0; }
.contact .contact-form form .fill-box input{ width: 94%; font-size: 16px; line-height: 18px; padding: 10px; margin: 0 24px; color: #7c7c7c; outline: none; border-radius: 6px; border: 1px solid #ccc; box-shadow: 5px 5px 15px lightblue; } 
.contact .contact-form form .subject { width: 100%; }
.contact .contact-form form .subject input{ width: 97%; }
.contact .contact-form form .message { width: 100%; }
.contact .contact-form form .fill-box textarea{ width: 97% !important ; outline: none; height: 80px; padding: 10px; margin: 0 24px; font-size: 16px; line-height: 18px; border-radius: 6px; border: 1px solid #ccc; box-shadow: 5px 5px 15px lightblue; }
.contact .contact-form button{ width: 50%; text-align: center; background: #e45326; padding: 15px 0; margin: 0 auto; display: block; border: none; transition: all 400ms ease-in-out; color: #fff; text-transform: uppercase; font-size: 14px; line-height: 16px; font-weight: bold; box-shadow: 0 0 3px #000; color: #fff; letter-spacing: 2px; border-radius: 30px; }
.contact .contact-form button:hover{ letter-spacing: 3px; transition: all 400ms ease-in-out; box-shadow: none; }

.contact .map{ width: 100%; height: 660px; padding: 0; margin: 0; }
.contact .map iframe{ width: 100%; height: 100%; padding: 0; margin: 0; border: 5px solid #3e7c01; }



/*Footer Start*/
.footer{ width: 100%; position: relative; background: url(../images/footer-banner.png) no-repeat; background-size: cover; display: block; padding: 40px 0; margin: 0; }
.footer .logo{ width: 74%; padding: 0 0 20px; margin: 0; }
.footer .logo img{ width: 100%; }
.footer .footer-brochure{ width: 100%; padding: 0; margin: 0; }
.footer .footer-brochure h5{ font-size: 20px; line-height: 22px; color: #fff; font-weight: bold; padding: 0; margin: 0 0 15px; }
.footer .footer-brochure h6 a{ display: inline-block; font-size: 16px; line-height: 18px; color: #fff; background: #3e7c01; padding: 4px 20px; margin: 0; border-radius: 30px; transition: all 400ms ease-in-out; border: 1px solid #fff; }
.footer .footer-brochure h6 a:hover{ background: #e45326; color: #fff; transition: all 400ms ease-in-out; }

.footer .footer-about{ width: 100%; padding: 0; margin: 0; }
.footer .footer-about h5{ font-size: 20px; line-height: 22px; color: #fff; font-weight: bold; padding: 0; margin: 0 0 15px; }
.footer h5{ font-size: 20px; line-height: 22px; color: #fff; font-weight: bold; padding: 0; margin: 0 0 15px; }
.footer .footer-about p{ font-size: 16px; line-height: 24px; color: #cecece; padding: 0 0 20px; margin: 0; }
.footer .footer-about ul{ padding: 0; margin: 0; }
.footer .footer-about ul li{ display: inline-block; width: 100%; font-size: 15px; line-height: 18px; padding: 0; margin: 0 0 10px; }
.footer .footer-about ul li a{ color: #cecece; transition: all 500ms ease-in-out; }
.footer .footer-about ul li a:hover{ color: #e45326; transition: all 500ms ease-in-out; }

.footer .location-map{ width: 100%; height: 214px; border: 5px solid #fff; padding: 5px; margin: 0; }
.footer .location-map iframe{ width: 100%; height: 100%; border: 1px solid #fff; }

/*Copyright Start*/
.copyright{ width: 100%; position: relative; background: #040010; display: block; border-top: 1px solid #fff; padding: 20px 0; margin: 0; }
.copyright .just-link{ width: 100%; padding: 0; margin: 0; }
.copyright .just-link ul li { display: inline-block; padding: 0 10px 0 0; margin: 0; }

.copyright .just-link ul li a { font-size: 14px; line-height: 16px; color: #fff; padding: 0; margin: 0; transition: all 500ms ease-in-out; }
.copyright .just-link ul li a:hover{ color: #e45326; transition: all 500ms ease-in-out; }

.copyright .botom-text-right{ width: 100%; padding: 0; margin: 0; }
.copyright .botom-text-right p{ font-size: 14px; line-height: 18px; color: #cecece; padding: 0; margin: 0; text-align: right; }
.copyright .botom-text-right p a{ color: #e45326; transition: all 500ms ease-in-out }
.copyright .botom-text-right p a:hover{ color: #3e7c01; transition: all 500ms ease-in-out; }

/*Privacy Policy*/
.privacy{  width: 100%; position: relative; display: block; background: #fff; padding: 50px 0; margin: 0; }
.privacy h2{ font-size: 40px; line-height: 45px; color: #e45326; text-align: center; padding: 0 0 30px; margin: 0; font-weight: bold; }
.privacy p{ font-size: 16px; line-height: 26px; color: #5c5c5c; padding: 0 20px 20px; margin: 0; text-align: justify; font-weight: bold; }



/*--responsive--*/

@media(max-width: 1680px) {}

@media(max-width: 1600px) {}

@media(max-width: 1440px) {}

@media(max-width: 1280px){}

@media(max-width: 1080px){}

@media(max-width: 900px){

/*Header Start*/
.header-top .header-top-left { display: inline-block; float: left; padding: 8px 0; margin: 0 15px 0 0; }
.header-top .header-top-left i { font-size: 13px; line-height: 15px; color: #fff; padding: 0; margin: 0 4px 0 0; }
.header-top .header-top-left a { font-size: 15px; line-height: 18px;}
.header-top .brochure h6 a { padding: 4px 15px; font-size: 14px; line-height: 16px; }
.header-top .sosal-icon ul li { padding: 0; margin: 0 0 0 7px; width: 24px; height: 24px; }
.header-top .sosal-icon ul li a i { font-size: 12px; line-height: 15px; padding: 5px 6px; }
.header-bottom .menu { width: 9%; float: right; padding: 0; margin: 0; }

/*Banner Start*/
.banner video { width: 100%; height: 450px; opacity: 0.5; padding: 0; margin: 0 0 0 65px; }
.banner .banner-text { width: 100%; position: absolute; content: ""; bottom: 85px; }
.banner .banner-text .text-dec { width: 100%; padding: 0; margin: 0; }
.banner .banner-text .text-dec h2 { font-size: 75px; line-height: 80px; padding: 0; }
.banner .banner-text .text-dec p { font-size: 26px; line-height: 34px; padding: 15px 0 0 0; }
.banner .banner-text .text-dec a { width: 25%; }

/*About Start*/
.about { padding: 30px 0; }

.about .about-dec h2 { font-size: 36px; line-height: 38px; font-weight: bold; color: #e45326; padding: 0 0 5px; margin: 0; }
.about .about-dec p { font-size: 16px; line-height: 24px; color: #5c5c5c; padding: 0 0 10px; margin: 0; text-align: justify; font-weight: bold; }
.about .about-dec a { width: 37%; font-size: 13px; line-height: 15px; padding: 12px 0; margin: 5px 0 0; }

/*Area Start*/
.area { padding: 15px 0; margin: 0; }
.area h2 { font-size: 36px; line-height: 38px; }
.area h5 { font-size: 17px; line-height: 22px; padding: 6px 0 20px; margin: 0; }
.area .area-item-box h4 { font-size: 18px; line-height: 24px; font-weight: bold; color: #000; padding: 7px; margin: 0; text-align: center; border-top: 5px solid #e2e2e2; }

/*Product Start*/
.product { padding: 30px 0; margin: 0; }
.product h2 { font-size: 36px; line-height: 38px; font-weight: bold; color: #fff; padding: 0 0 20px; margin: 0; text-align: center; }
.product .product-box { width: 100%; background: #fff; box-shadow: 0 0 10px #c1c1c1; padding: 0; margin: 0; transition: all 400ms ease-in-out; overflow: hidden; }
.product .product-box h4 { font-size: 18px; line-height: 24px; padding: 7px; }

/*Who Start*/
.who { padding: 30px 0; margin: 0; }
.who .who-dec h2 { font-size: 36px; line-height: 38px; font-weight: bold; color: #e45326; padding: 0; margin: 0; }
.who .who-dec p { font-size: 16px; line-height: 24px; color: #5c5c5c; padding: 10px 0 20px; margin: 0; text-align: justify; font-weight: bold; }
.who .who-dec a { width: 44%; font-size: 13px; line-height: 15px; padding: 12px 0; }

/*News Start*/
.news-line { width: 100%; display: block; position: relative; background: #f3f3f3; padding: 10px 0; margin: 0; }
.news-line h4 { width: 18%; float: left; font-size: 20px; line-height: 34px; color: #e45326; padding: 0; margin: 0; border-right: 5px solid #3e7c01; font-weight: bold; }
.news-line marquee { font-family: 'Oxygen', sans-serif; width: 80%; float: right; font-size: 16px; line-height: 18px; color: #000; padding: 6px 0; margin: 0 0 0 11px; font-weight: bold; }

/*Client Start*/
.client { padding: 20px 0; margin: 0; }
.client h2 { font-size: 36px; line-height: 38px; }
.client h5 { font-size: 17px; line-height: 22px; padding: 6px 0 20px; margin: 0; }
.client .client-box h4 { font-size: 18px; line-height: 20px; padding: 8px 0; margin: 10px 0 0 0; }

/*Brands Start*/
.brands { width: 100%; display: block; position: relative; background: #fff; padding: 10px 0 30px; margin: 0; }
.brands h2 { font-size: 36px; line-height: 38px; }
.brands h5 { font-size: 17px; line-height: 22px; padding: 6px 0 20px; margin: 0; }

/*Booking Start*/
.booking { width: 100%; position: relative; background: #f3f3f3; padding: 30px 0; margin: 0; }
.booking h2 { font-size: 36px; line-height: 38px; }
.booking p { font-size: 17px; line-height: 22px; padding: 6px 0 20px; margin: 0; }
.booking .booking-form { width: 60%; display: block; border-radius: 6px; padding: 20px 10px; margin: 0 auto; border: 2px solid #e45326; }
.booking .booking-form form { display: inline-block; }
.booking .booking-form form .fill-box { width: 46%; display: inline-block; margin: 0 8px 20px; border-radius: 6px; border: 1px solid #ccc; box-shadow: 0px 10px 10px lightblue; float: left; }
.booking .booking-form form .fill-box input { width: 96%; font-size: 15px; line-height: 17px; padding: 8px; }
.booking .booking-form form .subject { width: 96%; }
.booking .booking-form form .message { width: 96%; }
.booking .booking-form form .fill-box textarea { width: 98% !important; font-size: 15px; line-height: 17px; height: 80px; }
.booking .booking-form form .send { width: 42%; margin: 0 8px; }

.booking .booking-form form .send input[type="submit"] { width: 100%; color: #fff; font-size: 18px; transition: all 500ms ease-in-out; padding: 12px 0; margin: 0;}

/*Footer Start*/
.footer { padding: 20px 0; }
.footer .footer-brochure h5 { font-size: 17px; line-height: 19px; color: #fff; font-weight: bold; padding: 0; margin: 0 0 10px; }
.footer .footer-brochure h6 a { display: inline-block; font-size: 13px; line-height: 15px; color: #fff; background: #3e7c01; padding: 4px 18px; margin: 0; border-radius: 30px; transition: all 400ms ease-in-out; border: 1px solid #fff; }
.footer .footer-about h5 { font-size: 17px; line-height: 19px; color: #fff; font-weight: bold; padding: 0; margin: 0 0 10px; }
.footer .footer-about ul li { display: inline-block; width: 100%; font-size: 14px; line-height: 16px; padding: 0; margin: 0 0 7px; }
.footer .footer-about p { font-size: 14px; line-height: 20px; color: #cecece; padding: 0 0 16px; margin: 0; }
.footer .location-map { width: 100%; height: 160px; border: 3px solid #fff; padding: 3px; margin: 0; }

/*Copyright*/
.copyright { padding: 10px 0; margin: 0; }
.copyright .just-link ul li { display: inline-block; padding: 0 8px 0 0; margin: 0; }
.copyright .just-link ul li a { font-size: 13px; line-height: 16px; }
.copyright .botom-text-right p { font-size: 13px; line-height: 15px; color: #cecece; padding: 0; margin: 0; text-align: right; }

/*Inner-Banner Start*/
.inner-banner { width: 100%; height: 150px; }
.inner-banner h2 { position: absolute; content: ""; bottom: 51px; color: #fff; font-size: 48px; line-height: 54px; font-weight: bold; padding: 0 24px 0; margin: 0; border-left: 8px solid #fff; border-right: 8px solid #fff; }

/*Inner-About Start*/
.inner-about { padding: 30px 0 0; margin: 0; }
.inner-about h2 { font-size: 36px; line-height: 38px; }
.inner-about h5{ font-size: 17px; line-height: 22px; padding: 6px 0 20px; margin: 0; }
.inner-about p{ font-size: 16px; line-height: 24px; color: #5c5c5c; padding: 0 0 10px; margin: 0; text-align: justify; font-weight: bold; }

.inner-about h4 { font-size: 16px; line-height: 20px; padding: 5px 0; margin: 0; font-weight: bold; }
.inner-about h4 span { color: #3d3d3d; font-size: 18px; }

.mv { padding: 30px 0; margin: 0; }
.mv .mv-dec h5 { font-size: 22px; line-height: 24px; padding: 0 0 10px; margin: 0; }
.mv .mv-dec p { font-size: 16px; line-height: 24px; color: #5c5c5c; padding: 0; margin: 0 0 20px; text-align: justify; font-weight: bold; }
.mv .mv-dec ul li { font-size: 16px; line-height: 24px; color: #5c5c5c; padding: 0px 0 10px; margin: 0; text-align: justify; font-weight: bold; }
.mv .mv-dec ul li b { font-size: 26px; color: #3e7c01; padding: 0 10px 0 0; }
.mv .mv-dec ul li span { color: #3d3d3d; font-size: 20px; }
.about-diverse .about-diverse-item .font-icon i { background: #e45326; border-radius: 70px; color: #fff; font-size: 26px; padding: 22px 0; width: 70px; height: 70px; }
.about-diverse .about-diverse-item .about-diverse-item-dec h3 { font-size: 20px; line-height: 22px; padding: 13px 0 0; }

/*Inner-Product Start*/
.inner-product { padding: 30px 0 0; margin: 0; }
.inner-product h2 { font-size: 36px; line-height: 38px; padding: 0 0 20px; margin: 0; }
.inner-product .product-box { height: 220px; }
.inner-product .product-box h4 { font-size: 19px; line-height: 26px; padding: 10px; }


/*Brand Start*/
.brand { padding: 30px 0 0px; }
.brand h2 { font-size: 36px; line-height: 38px; padding: 0 0 20px; }
.brand .brand-content-box { width: 100%; padding: 0; margin: 0 0 30px; box-shadow: 0 0 5px #000; }
.brand .brand-content-box img { width: 100%; padding: 5px; }
.brand .brand-content-box h6 { font-size: 16px; line-height: 24px; padding: 6px; margin: 0; }

/*Contact Start*/
.contact { padding: 30px 0; margin: 0; }
.contact h2 { font-size: 36px; line-height: 38px; padding: 0 0 20px; margin: 0; }
.contact .contact-box .discount-dec { width: 100%; display: inline-block; padding: 20px 15px 10px; margin: 0; }
.contact .contact-box .discount-dec h3 { font-size: 30px; line-height: 33px; padding: 0 0 10px; margin: 0; }
.contact .contact-box .discount-dec ul li { font-size: 16px; line-height: 24px; color: #5c5c5c; font-weight: bold; text-align: center; padding: 0 0 5px 0; margin: 0; }
.contact .contact-form h3 { font-size: 30px; line-height: 33px; }
.contact .contact-form form .fill-box { width: 44%; float: left; display: inline-block; padding: 0 0 20px; margin: 0 10px; }
.contact .contact-form form .fill-box input { width: 100%; font-size: 15px; line-height: 17px; padding: 8px; margin: 0 15px; }
.contact .contact-form form .subject { width: 94%; margin: 0 10px; }
.contact .contact-form form .message { width: 97%; margin: 0 0; }
.contact .contact-form form .fill-box textarea { width: 97% !important; outline: none; height: 80px; padding: 10px; margin: 0 24px; font-size: 15px; line-height: 17px; }
.contact .contact-form button { width: 65%; padding: 12px 0; margin: 0 auto; font-size: 13px; line-height: 15px; }
.contact .map { width: 100%; height: 550px; padding: 0; margin: 0; }



}

@media(max-width: 800px){




}

@media(max-width: 768px){
  .header-top .header-top-left { display: inline-block; float: left; padding: 8px 0 4px; margin: 0 15px 0 0; }
.header-top .brochure { width: 100%; padding: 6px 0 0px; margin: 0; text-align: right; }
.header-bottom .logo { width: 44%; padding: 5px 0; margin: 0; }

 .banner .banner-text .text-dec h2 { font-size: 65px; line-height: 80px; padding: 0; }
 .banner .banner-text .text-dec p { font-size: 22px; line-height: 32px; padding: 15px 0 0 0; }
.banner .banner-text .text-dec a { position: relative; display: inline-block; padding: 13px 0px; width: 23%; }
.about .about-dec { width: 100%; padding: 0; margin: 0 0 30px; }
 .about .about-dec a { width: 28%; font-size: 13px; line-height: 15px; padding: 12px 0; margin: 10px 0 0; }

 .area .area-item-box h4 { font-size: 20px; line-height: 24px; padding: 10px 0; margin: 0; }

  .product .product-box h4 { font-size: 24px; line-height: 26px; padding: 15px; }
   .who .who-dec a { width: 28%; }
.who .who-image { width: 100%; padding: 0; margin: 0 0 30px; }

.news-line h4 { width: 20%; float: left; font-size: 21px; line-height: 34px; }
.news-line marquee {  width: 78%; }
.client .client-box h4 { font-size: 26px; line-height: 28px; padding: 16px 0; margin: 10px 0 0 0; }

.brands .brand-logo { overflow: hidden; }
.booking .booking-form { width: 80%; }
.booking .booking-form form .send { width: 36%; margin: 0 8px; }

.footer .logo { width: 27%; padding: 0 0 20px; margin: 0; }
 .footer .footer-brochure h5 { font-size: 20px; line-height: 22px; }
.footer .footer-brochure h6 a { display: inline-block; font-size: 15px; line-height: 17px; color: #fff; background: #3e7c01; padding: 6px 30px; margin: 0; }
  .footer .footer-about h5 { font-size: 20px; line-height: 22px; margin: 20px 0 10px; }
 .footer .footer-about ul li { display: inline-block; width: 100%; font-size: 16px; line-height: 18px; padding: 0; margin: 0 0 7px; }
.footer .footer-about p { font-size: 16px; line-height: 20px; padding: 0; }
.footer h5 { font-size: 20px; line-height: 22px; color: #fff; font-weight: bold; padding: 0; margin: 20px 0 15px; }

  .copyright .just-link ul li { display: inline-block; padding: 0 16px 0 0; margin: 0; }
  .copyright .just-link ul li a { font-size: 14px; line-height: 16px; }
 .copyright .botom-text-right p { font-size: 14px; line-height: 20px; }

 .inner-product .product-box { height: auto; overflow: hidden; }
.inner-product .product-box h4 { font-size: 24px; line-height: 26px; padding: 16px; }
.brand .brand-content-box h6 { font-size: 22px; line-height: 26px; padding: 12px 0; margin: 0; }

 .contact .contact-form form .fill-box { width: 45%; float: left; display: inline-block; padding: 0 0 20px; margin: 0 10px; }
 .contact .contact-form form .subject { width: 93%; margin: 0 10px; }
.contact .contact-form form .message { width: 96%; margin: 0 0; }
.contact .contact-box { border-radius: 10px 10px 0 0; }
  .contact .contact-form button { width: 36%; }
  .contact .map { width: 100%; height: 420px; padding: 0; margin: 30px 0 0; }



}

@media(max-width: 600px){


.header-top .header-top-left a { font-size: 16px; line-height: 18px; }
.header-top .header-top-left { padding: 5px 0 9px; margin: 0 15px 0 0; }
  .header-top .sosal-icon ul li a i { font-size: 14px; line-height: 15px; padding: 4px 5px; }
 .banner .banner-text .text-dec h2 { font-size: 60px; line-height: 64px; padding: 0; }
.banner .banner-text .text-dec p { font-size: 19px; line-height: 28px; padding: 12px 0 0 0; }
 .banner .banner-text .text-dec a { position: relative; display: inline-block; padding: 12px 0px; width: 30%; font-size: 14px; line-height: 16px; }
  .banner video { width: 100%; height: 420px; opacity: 0.5; padding: 0; margin: 0 0 0 65px; }
 .about .about-dec a { width: 32%; font-size: 13px; line-height: 15px; padding: 12px 0; margin: 10px 0 0; }
.who .who-dec a { width: 32%; }
.news-line h4 { width: 21%; float: left; font-size: 18px; line-height: 32px; }
 .news-line marquee { width: 76%; float: right; font-size: 15px; line-height: 17px; }
.booking .booking-form form .send { width: 42%; margin: 0 8px; }
 .footer .logo { width: 35%; padding: 0 0 20px; margin: 0; }
 .copyright .just-link ul li { display: inline-block; padding: 0 5px 2px 0; margin: 0; }
.copyright .just-link ul li a { font-size: 13px; line-height: 15px; }
 .copyright .botom-text-right p { font-size: 13px; line-height: 20px; }
 .inner-banner { width: 100%; height: 130px; }
  .inner-banner h2 { bottom: 38px; font-size: 44px; line-height: 54px; padding: 0 16px 0; margin: 0; border-left: 6px solid #fff; border-right: 6px solid #fff; }
 .inner-about { padding: 20px 0 0; margin: 0; }
 .inner-about h5 { padding: 6px 0 15px; margin: 0; }
.mv { padding: 20px 0; margin: 0; }
 .mv .mv-dec h5 { font-size: 22px; line-height: 24px; padding: 0 0 10px; margin: 0; }
.about-diverse { width: 100%; display: block; position: relative; background: #f3f3f3; padding: 30px 0 0px; margin: 0; }
  .contact { padding: 20px 0; margin: 0; }
.contact .contact-form form .fill-box { width: 44%; float: left; display: inline-block; padding: 0 0 20px; margin: 0 9px; }
  .contact .contact-form form .subject { width: 91%; margin: 0 9px; }
.contact .contact-form form .message { width: 94%; margin: 0 0; }
.contact .contact-form button { width: 46%; }
 .inner-product { padding: 20px 0 0; margin: 0; }
  .brand { padding: 20px 0 0px; }

}

@media(max-width: 568px){
    /*/chek 500/*/

 .header-top .header-top-left { padding: 3px 0 3px; margin: 0; }
 .header-top .header-top-left a { font-size: 15px; line-height: 17px; }
.header-top .brochure h6 a { padding: 2px 22px; font-size: 13px; line-height: 16px; }
  .header-top .sosal-icon ul li { padding: 0; margin: 0 0 0 13px; width: 22px; height: 22px; }
 .header-top .sosal-icon ul li a i { font-size: 13px; line-height: 12px; padding: 2px 0px; }
 .banner .banner-text .text-dec h2 { font-size: 65px; line-height: 69px; padding: 0; }
.banner .banner-text .text-dec p { font-size: 22px; line-height: 30px; padding: 12px 0 0 0; }
.banner video { width: 100%; height: 470px; opacity: 0.5; padding: 0; margin: 0 0 0 65px; }
  .banner .banner-text .text-dec a { padding: 12px 0px; width: 34%; font-size: 14px; line-height: 16px; }
  .about { padding: 20px 0 0; }
 .about .about-dec a { width: 38%; }
 .area { padding: 15px 0 0; }
 .product { padding: 20px 0; margin: 0; }
  .who .who-dec a { width: 38%; }
 .news-line h4 { width: 21%; float: left; font-size: 14px; line-height: 24px; }
.news-line marquee { width: 76%; float: right; font-size: 14px; line-height: 16px; padding: 3px 0; }
.booking .booking-form form .fill-box { width: 45%; display: inline-block; margin: 0 9px 20px; }
.booking .booking-form form .send { width: 48%; margin: 0 8px; }
.contact .contact-form form .fill-box { width: 44%; padding: 0 0 20px; margin: 0 7px; }

}


@media(max-width: 480px){
        /*/chek 450/*/


 .header-top .header-top-left i { font-size: 11px; line-height: 13px; }
  .header-top .header-top-left a { font-size: 14px; line-height: 16px; }
.header-bottom .logo { width: 65%; padding: 6px 0; margin: 0; }
.area .area-item-box h4 { font-size: 18px; line-height: 22px; }
.client .client-box h4 { font-size: 26px; line-height: 28px; padding: 12px 0; margin: 10px 0 0 0; }

.booking .booking-form form .fill-box { width: 95%; }
.booking .booking-form { width: 90%; }
.booking .booking-form form .fill-box { width: 95%; display: inline-block; margin: 0 9px 14px; }

  .copyright .just-link ul li { display: inline-block; padding: 0 0px 0px 0; }
 .copyright .botom-text-right p { font-size: 12px; line-height: 17px; }
  .copyright .just-link ul li a { font-size: 12px; line-height: 14px; }
 .copyright { padding: 5px 0; margin: 0; }
 .brand .brand-content-box h6 { font-size: 20px; line-height: 26px; padding: 12px 0; margin: 0; }

 .contact .contact-form form .fill-box { width: 93%; padding: 0; margin: 0 0 15px; }
  .contact .contact-form form .message { width: 94%; }
.contact .contact-form form .fill-box textarea { width: 99% !important; outline: none; height: 80px; padding: 10px; margin: 0 14px; font-size: 15px; line-height: 17px; }
.contact .contact-form button { width: 58%; }
.contact .map { width: 100%; }






}

@media(max-width: 440px){
        /*/chek 420/*/

  .header-top .header-top-left i { font-size: 12px; line-height: 14px; }
   .header-top .header-top-left a { font-size: 12px; line-height: 14px; }
  .header-top .brochure { width: 100%; padding: 2px 0 0px; margin: 0; text-align: right; }
.header-top .brochure h6 a { padding: 3px 22px; font-size: 11px; line-height: 13px; }
.header-top .sosal-icon { width: 100%; float: right; padding: 2px 0; margin: 0; }
  .header-top .header-top-left { padding: 0px 0 0px; margin: 0; }
.header-top .sosal-icon ul li a i { font-size: 11px; line-height: 14px; padding: 0px 0px; position: relative; top: -2px; }
.header-top .sosal-icon ul li { padding: 0; margin: 0 0 0 9px; width: 20px; height: 20px; }
  .header-bottom .logo { width: 80%; padding: 6px 0; margin: 0; }

  .banner video { width: 100%; height: 414px; opacity: 0.5; padding: 0; margin: 0 0 0 28px; }
 .banner .banner-text { width: 100%; position: absolute; content: ""; bottom: 50px; }
.banner .banner-text .text-dec h2 { font-size: 54px; line-height: 60px; padding: 0; }
 .banner .banner-text .text-dec p { font-size: 20px; line-height: 28px; padding: 5px 0 0 0; }
.banner .banner-text .text-dec a { padding: 10px 0px; width: 33%; font-size: 13px; line-height: 15px; }
 .about .about-dec p { font-size: 14px; line-height: 20px; color: #5c5c5c; padding: 0 0 5px; margin: 0; text-align: left; font-weight: bold; }

  .about .about-dec a { width: 40%; font-size: 13px; line-height: 15px; padding: 10px 0; }

 .about .about-dec { width: 100%; padding: 0; margin: 0 0 20px; }
 .area .area-item-box h4 { font-size: 16px; line-height: 20px; }
  .product .product-box h4 { font-size: 22px; line-height: 26px; padding: 15px; }

.who .who-dec p { font-size: 14px; line-height: 20px; padding: 5px 0 15px; margin: 0; text-align: left; }
.who .who-image { width: 100%; padding: 0; margin: 0 0 20px; }
.who .who-dec a { width: 40%; font-size: 13px; line-height: 15px; padding: 10px 0; }
 .news-line h4 { width: 17%; float: left; font-size: 20px; line-height: 22px; font-weight: bold; border-right: 4px solid #3e7c01; }
 .news-line marquee { width: 80%; float: right; font-size: 15px; line-height: 18px; padding: 11px 0; }

 .footer .footer-about ul li { font-size: 14px; line-height: 18px; }
 .footer .footer-about h5 { font-size: 20px; line-height: 22px; margin: 14px 0 10px; }
.footer .footer-about p { font-size: 14px; line-height: 22px; padding: 0; }
.footer h5 { font-size: 20px; line-height: 22px; color: #fff; font-weight: bold; padding: 0; margin: 14px 0 10px; }
 .copyright .botom-text-right p { font-size: 11px; line-height: 19px; }
  .inner-about p { font-size: 14px; line-height: 20px; color: #5c5c5c; padding: 0 0 5px; margin: 0; text-align: left; font-weight: bold; }
 .inner-about h4 span { color: #3d3d3d; font-size: 17px; }
.inner-about h4 { font-size: 14px; line-height: 20px; padding: 5px 0 2px; }

 .mv { padding: 10px 0; margin: 0; }
 .mv .mv-dec h5 { font-size: 21px; line-height: 24px; padding: 0px 0 5px; margin: 0; }
.mv .mv-dec p { font-size: 14px; line-height: 20px; color: #5c5c5c; padding: 0; margin: 0 0 20px; text-align: left; font-weight: bold; }
  .mv .mv-dec ul li b { font-size: 24px; color: #3e7c01; padding: 0 10px 0 0; }
 .mv .mv-dec ul li span { color: #3d3d3d; font-size: 18px; }
  .mv .mv-dec ul li { font-size: 14px; line-height: 20px; color: #5c5c5c; padding: 0px 0 5px; margin: 0; text-align: left; font-weight: bold; }
 .inner-product .product-box h4 { font-size: 22px; line-height: 26px; padding: 16px; }

.contact .map { width: 100%; height: 350px; }
.contact .contact-form button { width: 54%; padding: 10px 0; }


.inner-banner h2 {
    bottom: 31px;
    font-size: 29px;
    line-height: 33px;
    padding: 0 10px 0;
    margin: 0;
    border-left: 6px solid #fff;
    border-right: 6px solid #fff;
  }











}

@media(max-width: 414px){
        /*/chek 400/*/


  .header-top .header-top-left i { font-size: 10px; line-height: 14px; }
 .banner .banner-text .text-dec p { font-size: 18px; line-height: 28px; padding: 5px 0 0 0; }
  .banner .banner-text { width: 100%; position: absolute; content: ""; bottom: 75px; }
  .banner .banner-text .text-dec a { padding: 9px 0px; margin: 20px 14px 0 0; width: 33%; font-size: 12px; line-height: 14px; }

 .about .about-dec h2 { font-size: 32px; line-height: 36px; font-weight: bold; color: #e45326; padding: 0 0 5px; margin: 0; }
.about .about-dec a { width: 36%; font-size: 12px; line-height: 14px; padding: 10px 0; }
  .area h2 { font-size: 32px; line-height: 36px; }
.about { padding: 15px 0 0; }
 .product { padding: 15px 0; margin: 0; }
.product h2 { font-size: 32px; line-height: 36px; padding: 0 0 15px; }
  .product .product-box h4 { font-size: 20px; line-height: 24px; padding: 10px 0; }
 .who .who-dec h2 { font-size: 32px; line-height: 36px; }
.who .who-dec p { font-size: 14px; line-height: 20px; padding: 5px 0 15px; margin: 0; text-align: left; }
 .who .who-dec a { width: 36%; font-size: 12px; line-height: 14px; padding: 10px 0; }
.news-line h4 { width: 17%; float: left; font-size: 16px; line-height: 18px; }
.news-line marquee { width: 80%; float: right; font-size: 14px; line-height: 16px; padding: 10px 0; }
 .client .client-box h4 { font-size: 24px; line-height: 26px; padding: 10px 0; margin: 10px 0 0 0; }
 .client { padding: 15px 0; margin: 0; }
  .client h2 { font-size: 32px; line-height: 36px; }
.client h5 { font-size: 17px; line-height: 22px; padding: 6px 0 15px; margin: 0; }
 .brands { padding: 10px 0 25px; margin: 0; }
 .brands h2 { font-size: 32px; line-height: 36px; }
 .booking { padding: 15px 0; }
 .booking h2 { font-size: 32px; line-height: 36px; }
 .booking .booking-form { padding: 15px 5px; }
.booking .booking-form form .fill-box { width: 95%; display: inline-block; margin: 0 9px 10px; }
  .booking .booking-form form .send { width: 48%; margin: 0 8px; }
  .booking .booking-form form .send input[type="submit"] { width: 100%; color: #fff; font-size: 17px; padding: 10px 0; margin: 0; }
.footer .logo { width: 45%; padding: 0 0 15px; margin: 0; }
.footer .footer-brochure h5 { font-size: 18px; line-height: 20px; }
.footer .footer-brochure h6 a { font-size: 13px; line-height: 15px; padding: 4px 22px; margin: 0; }
 .footer .footer-about h5 { font-size: 18px; line-height: 22px; margin: 7px 0 5px; }
 .footer h5 { font-size: 18px; line-height: 22px; }
.footer .footer-brochure h6 a { font-size: 14px; line-height: 17px; padding: 4px 25px; margin: 0; }
  .footer .footer-about ul li { font-size: 13px; line-height: 15px; margin: 0 0 4px; }
 .footer .location-map { width: 100%; height: 140px; border: 2px solid #fff; padding: 3px; margin: 0; }
.inner-about { padding: 15px 0 0; margin: 0; }
  .inner-about h2 { font-size: 32px; line-height: 36px; }
  .inner-about h5 { padding: 6px 0 10px; margin: 0; }
.inner-product { padding: 15px 0 0; margin: 0; }
 .inner-product h2 { font-size: 32px; line-height: 36px; padding: 0 0 15px; margin: 0; }
 .inner-product .product-box h4 { font-size: 20px; line-height: 25px; padding: 13px 0; }
  .brand { padding: 15px 0 0px; }
 .brand h2 { font-size: 32px; line-height: 36px; padding: 0px 0 15px; }
.brand .brand-content-box h6 { font-size: 18px; line-height: 24px; padding: 9px 0; margin: 0; }
 .contact { padding: 15px 0; margin: 0; }
.contact h2 { font-size: 32px; line-height: 36px; padding: 0 0 15px; margin: 0; }
.contact .contact-box .discount-dec h3 { font-size: 28px; line-height: 31px; padding: 0 0 5px; margin: 0; }
.contact .contact-box .discount-dec { width: 100%; display: inline-block; padding: 15px 15px 5px; margin: 0; }
.contact .contact-box .discount-dec ul li { padding: 0 0 2px 0; font-size: 14px; line-height: 20px; }
.contact .contact-form h3 { font-size: 28px; line-height: 31px; padding: 5px 0 10px; }
.contact .contact-form form .fill-box { width: 92%; margin: 0 0 12px; }
.contact .contact-form form .message { width: 93%; }
.contact .contact-form button { width: 51%; padding: 12px 0; margin: 0 auto; font-size: 12px; line-height: 14px; }
  .contact .map { width: 100%; height: 300px; padding: 0; margin: 20px 0 0; }
.contact .map iframe { width: 100%; height: 100%; padding: 0; margin: 0; border: 4px solid #3e7c01; }

}


@media(max-width: 384px){
        /*/chek 380/*/
 .header-top .header-top-left a { font-size: 11px; line-height: 13px; }
 .header-top .header-top-left i { font-size: 9px; line-height: 14px; }
 .header-top .brochure h6 a { padding: 3px 15px; font-size: 10px; line-height: 13px; }
.header-bottom .logo { width: 76%; padding: 4px 0; margin: 0; }
 .banner .banner-text .text-dec h2 { font-size: 50px; line-height: 58px; padding: 0; }
.banner .banner-text .text-dec p { font-size: 16px; line-height: 25px; padding: 5px 0 0 0; }
  .about .about-dec a { width: 40%; }


 .who .who-dec a { width: 40%; }
  .news-line h4 { width: 16%; float: left; font-size: 14px; line-height: 16px; }
  .news-line marquee { width: 80%; float: right; font-size: 13px; line-height: 15px; padding: 7px 0; }
 .booking .booking-form form .send input[type="submit"] { width: 100%; color: #fff; font-size: 15px; padding: 9px 0; margin: 0; }

 .copyright .botom-text-right p { font-size: 10px; line-height: 18px; }
.copyright .just-link ul li a { font-size: 11px; line-height: 13px; }

.mv .mv-dec ul li b { font-size: 22px; }

 .mv .mv-dec ul li span { color: #3d3d3d; font-size: 17px; }
.inner-about h4 span { color: #3d3d3d; font-size: 16px; }

  .inner-product .product-box h4 { font-size: 18px; line-height: 21px; padding: 13px 0; }
.brand .brand-content-box h6 { font-size: 16px; line-height: 20px; padding: 7px 0; margin: 0; }
 .contact .contact-form button { width: 56%; padding: 10px 0; }
 .contact .map { width: 100%; height: 260px; padding: 0; margin: 20px 0 0; }










}


@media(max-width: 375px){
        /*/chek 360/*/

.header-top .header-top-left i { font-size: 9px; line-height: 12px; margin: 0 2px 0 0; }
 .header-top .header-top-left a { font-size: 10px; }
  .header-top .brochure h6 a { padding: 2px 15px; font-size: 10px; line-height: 12px; }

 .header-top .sosal-icon ul li { padding: 0; margin: 0 0 0 7px; width: 18px; height: 18px; }
.header-top .sosal-icon ul li a i { font-size: 10px; line-height: 14px; padding: 0px 3px; position: relative; top: -3px; }

  .banner .banner-text .text-dec h2 { font-size: 46px; line-height: 52px; padding: 0; }
  .banner .banner-text .text-dec p { font-size: 14px; line-height: 20px; padding: 5px 0 0 0; }
 .banner .banner-text .text-dec a { padding: 9px 0px; margin: 16px 10px 0 0; width: 37%; font-size: 11px; line-height: 13px; }
.about .about-dec a { width: 42%; font-size: 11px; line-height: 13px; padding: 9px 0; margin: 5px 0 0; }
  .area .area-item-box h4 { font-size: 15px; line-height: 18px; }
 .product .product-box h4 { font-size: 18px; line-height: 22px; padding: 10px 0; }
  .who .who-dec a { width: 42%; font-size: 11px; line-height: 13px; padding: 9px 0; margin: 5px 0 0; }
  .booking .booking-form form .fill-box { width: 94%; }
.booking .booking-form form .send input[type="submit"] { width: 100%; color: #fff; font-size: 14px; padding: 9px 0; margin: 0; line-height: 16px; }

  .copyright .botom-text-right p { font-size: 9px; line-height: 16px; }
 .copyright .just-link ul li a { font-size: 9px; line-height: 12px; }
 .inner-product .product-box h4 { font-size: 17px; line-height: 20px; padding: 12px 0; }

.brand .brand-content-box h6 { font-size: 14px; line-height: 18px; padding: 7px 0; margin: 0; }
.contact .contact-form form .fill-box { width: 91%; margin: 0 0 12px; }
 .contact .contact-form form .message { width: 92%; }
.contact .contact-form button { width: 63%; padding: 10px 0; }





}


@media(max-width: 350px) {
        /*/chek 320/*/

 .header-top .header-top-left a { font-size: 9px; }


 .banner .banner-text .text-dec h2 { font-size: 43px; line-height: 48px; padding: 0; }
 .banner video { width: 100%; height: 368px; }
  .banner .banner-text .text-dec p { font-size: 12px; line-height: 18px; padding: 5px 0 0 0; }
.banner .banner-text .text-dec a { padding: 9px 0px; margin: 12px 10px 0 0; width: 42%; font-size: 11px; line-height: 13px; }
 .about .about-dec a { width: 48%; font-size: 11px; line-height: 13px; padding: 9px 0; margin: 5px 0 0; }
 .area .area-item-box h4 { font-size: 14px; line-height: 18px; }

 .who .who-dec a { width: 48%; font-size: 11px; line-height: 13px; padding: 9px 0; margin: 5px 0 0; }
.news-line h4 { width: 16%; float: left; font-size: 13px; line-height: 16px; }
.copyright .botom-text-right p { font-size: 9px; line-height: 13px; }
.inner-about h5 { padding: 0px 0 6px; margin: 0; font-size: 15px; }
.area h5 { font-size: 15px; line-height: 22px; padding: 4px 0 20px; margin: 0; }
.client h5 { font-size: 15px; line-height: 22px; padding: 0px 0 15px; margin: 0; }
 .brands h5 { font-size: 15px; line-height: 22px; padding: 0px 0 20px; margin: 0; }
  .booking p { font-size: 15px; line-height: 22px; padding: 2px 0 20px; margin: 0; }
  .contact .contact-form button { width: 70%; padding: 10px 0; }









}