@charset "utf-8";
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    font-family: "Roboto", sans-serif;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
}

body {
    margin: 0;
}

*:focus {
    outline: none;
}

button:focus {
    outline: 0;
}

@font-face {
    font-family: "Montserrat-Bold";
    src: url("../fonts/MontserratBold.eot") format("embedded-opentype");
    src: url("../fonts/MontserratBold.svg") format("svg"), url("../fonts/MontserratBold.ttf") format("truetype"), url("../fonts/MontserratBold.woff") format("woff"), url("../fonts/MontserratBold.woff2") format("woff2");
    font-weight: bold;
}

@font-face {
    font-family: "Montserrat-Regular";
    src: url("../fonts/Montserrat-Regular.eot") format("embedded-opentype");
    src: url("../fonts/Montserrat-Regular.svg") format("svg"), url("../fonts/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Montserrat-Medium";
    src: url("../fonts/Montserrat-Medium.eot") format("embedded-opentype");
    src: url("../fonts/Montserrat-Medium.svg") format("svg"), url("../fonts/Montserrat-Medium.ttf") format("truetype"), url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.woff2") format("woff2");
}

@font-face {
    font-family: "Montserrat-Thin";
    src: url("../fonts/Montserrat-Thin.eot") format("embedded-opentype");
    src: url("../fonts/Montserrat-Thin.svg") format("svg"), url("../fonts/Montserrat-Thin.ttf") format("truetype"), url("../fonts/Montserrat-Thin.woff") format("woff"), url("../fonts/Montserrat-Thin.woff2") format("woff2");
}

@font-face {
    font-family: "Playball-Regular";
    src: url("../fonts/Playball.eot") format("embedded-opentype");
    src: url("../fonts/Playball-Regular.svg") format("svg"), url("../fonts/Playball-Regular.ttf") format("truetype"), url("../fonts/Playball-Regular.woff") format("woff"), url("../fonts/Playball.woff2") format("woff2");
}

::-webkit-scrollbar {
    width: 1px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fff;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #fff;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
}

.container-fluid {
    padding: 0 !important;
}

img {
    width: 100%;
    height: 100%;
}

.bannertext a,
.bannertext a:hover {
    color: #fbff00;
    text-decoration: underline;
}

.pad-0 {
    padding: 0 !important;
}

.fl-left {
    float: left;
}

.fl-right {
    float: right;
}

.carousel-indicators {}

.carousel-indicators .active {
    background-image: url(../Images/icons/rice.svg);
}

.carousel-indicators li {
    width: 40px !important;
    height: 40px !important;
}

.carousel-indicators li,
.carousel-indicators .active {
    background-color: inherit !important;
}

.carousel-indicators li::before,
.carousel-indicators li::after {
    content: "" !important;
}

.carousel-indicators li.active {
    background-image: url(../images/icons/rice-green.svg);
}

.carousel-indicators li {
    background-image: url(../images/icons/rice-white.svg);
    background-size: 35px;
    background-repeat: no-repeat;
}


/* .carousel-item {
    position: relative;
} */

.carousel-item img {
    max-height: 600px;
    position: relative;
}

.slide-text {
    position: absolute;
    bottom: 50%;
    /* left: 30%; */
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    z-index: 2;
}

.logowrap {
    width: auto;
    display: flex;
    align-items: center;
}

.logowrap img {
    width: 80px;
    height: 90px;
    margin: -15px 10px 0 0;
}

.bannertext h1 {
    color: #ffffff;
    font-family: "Montserrat-Bold";
    font-size: 40px;
    text-align: center;
    margin-top: 5px;
    transform: scale(0.94);
    animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
}

@keyframes scale {
    100% {
        transform: scale(1);
    }
}

.bannertext h1 span {
    display: inline-block;
    opacity: 0;
    filter: blur(4px);
}

.bannertext h1 span:nth-child(1) {
    animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.bannertext h1 span:nth-child(2) {
    animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.bannertext h1 span:nth-child(3) {
    animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.bannertext h1 span:nth-child(4) {
    animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.bannertext h1 span:nth-child(5) {
    animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.bannertext h1 span:nth-child(6) {
    animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.bannertext h1 span:nth-child(7) {
    animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.bannertext h1 span:nth-child(8) {
    animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.bannertext h1 span:nth-child(9) {
    animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.bannertext h1 span:nth-child(10) {
    animation: fade-in 0.8s 1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.bannertext h1 span:nth-child(11) {
    animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.bannertext h1 span:nth-child(12) {
    animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.bannertext h1 span:nth-child(13) {
    animation: fade-in 0.8s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.bannertext h1 span:nth-child(14) {
    animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(15) {
    animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(16) {
    animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(17) {
    animation: fade-in 0.8s 1.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(18) {
    animation: fade-in 0.8s 1.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

@keyframes fade-in {
    100% {
        opacity: 1;
        filter: blur(0);
    }
}

.head-text {
    color: #04a22b;
    font-family: "Montserrat-Bold";
    margin: 0 auto;
    text-align: center;
}

.borderwrap {
    width: 100%;
    float: left;
    margin: 0 auto;
    text-align: center;
}

.borderwrap img {
    width: 160px;
}

.gl-sect-imgwrap {
    position: relative;
    border-radius: 10px;
}

.gl-sect-contentwrap {
    position: absolute;
    bottom: 15px;
    font-family: "Montserrat-Regular";
    color: #ffffff;
    text-align: center;
    width: calc(100% - 60px);
    margin: 0 15px;
}

.glsecthead2 {
    font-size: 20px;
}

.extraspace {
    height: 60px;
}

.greybg {
    background-color: #fafafa;
}

.ps-sectwrap {
    float: left;
    width: calc(20% - 30px);
}

.ps-sectwrap div:nth-of-type(1) {
    /* border: 2px solid #707070; */
    border-radius: 50%;
    width: 150px;
    height: 150px;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* .ps-sectwrap div:nth-of-type(1):hover {
    border-top: 2px dashed #ffcc00;
    border-right: 2px dashed #ffcc00;
    border-left: 2px dashed #707070;
    border-bottom: 2px dashed #707070;
} */

.ic-img {
    width: 80px !important;
    height: 80px !important;
    transform: scale(1);
    position: relative;
    left: 0;
    top: 0;
    transform-origin: 25% 25%;
    -webkit-transform-origin: 25% 25%;
}

.middle:hover .ic-img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.green-bdr {
    border-bottom: 1px solid #6cc421;
    width: 110px;
    margin: 5px auto 0;
}

.green-bdr1 {
    border-bottom: 1px solid #6cc421;
    width: 90px;
    margin: 5px auto 20px;
}

.pb3-text {
    font-family: "Montserrat-Medium";
    color: #000000;
    font-size: 16px;
    text-align: center;
}

.extraspace2 {
    height: 30px;
}

.white-text {
    color: #ffffff;
}

.method-carousel {
    margin: 0 auto;
}

.method-carousel h3 {
    color: #04a22b;
    font-family: "Montserrat-Bold";
    text-align: center;
    width: auto;
    position: relative;
    width: 100%;
    float: left;
    margin: 0 auto 30px;
}

.method-carousel h3:after {
    background: #04a22b;
    content: "";
    position: absolute;
    top: 30px;
    left: 44%;
    height: 2px;
    width: 13%;
}

.method-carousel p {
    color: #000000;
    font-family: "Montserrat-Medium";
    width: 100%;
    float: left;
    text-align: center;
    margin: 0 auto;
}

.md-imgclip {
    clip-path: polygon(0% 0%, 65% 0%, 100% 100%, 0% 100%);
    height: 500px;
    width: 95%;
}

.benimgwrap {
    width: 100%;
    display: flex;
    justify-content: center;
    /* background-image: url(../images/leaf.png) */
}

.benimgwrap img {
    width: 70%;
    height: 70%;
}

.imgtext {
    font-family: "Montserrat-Bold";
    font-size: 20px;
    color: #ffffff;
    width: 100%;
    float: left;
    display: block;
    text-align: center;
    margin: 0 auto;
    text-transform: capitalize;
    /* width: calc(100% - 20px);
    margin-left: -10px; */
}

.benefitSection {
    background-image: url(../images/benefitbg.png);
    background-size: cover;
}

.benefitbg {
    background-image: url(../images/l.png);
    background-size: cover;
    background-position: center;
}

.img-size {
    width: 30% !important;
}

.aiSection {
    background-color: #fffffd;
    background-image: url(../images/aihand.jpg);
    background-position: center;
}

.aihandmargin {
    margin-bottom: 65px;
}

.green-text {
    color: #04a22b;
}

.square {
    width: 180px;
    height: 180px;
    margin: 10px 25px 0;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-43deg);
    overflow: hidden;
    border-radius: 15px;
    border: 5px solid #989898;
}

.pic {
    width: 210px;
    height: 210px;
    margin: -20px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ai-pos {
    position: relative;
}

.ai-pos1 {
    position: relative;
}

.pad-15 {
    padding: 15px;
}

.productsection {
    background-color: #f9f9f9;
    background-image: linear-gradient(#f9f9f9, #a4a2a3);
}

.head-text2 {
    font-family: "Montserrat-Medium";
    color: #0f0f0f;
    width: 100%;
    float: left;
    display: block;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 20px;
    padding: 20px 0px;
}

.rectwrap {
    background-color: #ffffff;
    height: 250px;
    display: flex;
    justify-content: center;
    position: relative;
}

.rectwrap img {
    width: 80%;
    height: 80%;
    margin: 30px auto 0;
}

.rectwraptext {
    font-family: "Montserrat-Regular";
    font-size: 20px;
    color: #070707;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    background: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-bottom: 20px;
    height: 90px;
}

.heading-text2 {
    font-family: "Montserrat-Regular";
    color: #63fc8a;
    float: left;
    display: block;
    font-size: 18px;
    text-align: left;
    margin: 13px 15px 0 0;
    width: calc(50% - 15px);
}

.inputwrap-inner {
    width: calc(50% - 15px);
    float: right;
}

.contactSection {
    /* background-image: url(../images/footerbg.jpg); */
    background-size: cover;
    z-index: -1;
    background: linear-gradient(45deg, #06a52e, #62fc88);
}

.input {
    border-radius: 30px;
    height: 45px;
    padding: 0 12px;
    float: right;
    color: #ffffff;
    font-family: "Montserrat-Regular";
    border: 2px solid #53cc6f;
    background: transparent;
    margin: 0 15px 0 0;
    min-width: 270px;
}

::placeholder {
    color: #ffffff;
}

.submit {
    width: auto;
    padding: 10px 12px;
    height: 45px;
    border-radius: 30px;
    margin: 0 0px 0 0;
    float: right;
    text-align: left;
    color: #ffffff;
    font-family: "Montserrat-Regular";
    text-transform: capitalize;
    border: 2px solid #53cc6f;
    background: transparent;
}

.notify-bdr {
    border-bottom: 2px solid #53cc6f;
    width: 98%;
    margin: 0 1%;
}

.pro-border {
    border: 10px solid;
    border-image-slice: 1;
    border-width: 20px;
    border-image-source: linear-gradient(to top, #06a52e, #63fc89);
    border-bottom: none;
}

.rectwraptext:before {
    border-top: 55px solid #06a52e;
    border-right: 60px solid transparent;
    content: "";
    position: absolute;
    left: 15px;
}

.rectwraptext:after {
    border-bottom: 20px solid transparent;
    border-left: 20px solid #06a52e;
    content: "";
    position: absolute;
    right: 15px;
    bottom: 21%;
}

.rectwraptext1 {
    position: relative;
    top: 25%;
}

#demo1 .carousel-indicators {
    bottom: -70px;
}

.product-prev {
    background-image: url(../images/arrow-right.svg);
    width: 35px;
    height: 35px;
    position: absolute;
    background-repeat: no-repeat;
    top: 43%;
}

.product-next {
    background-image: url(../images/arrow-left.svg);
    width: 35px;
    height: 35px;
    position: absolute;
    background-repeat: no-repeat;
    top: 43%;
}

.method-next {
    background-image: url(../images/member-arrow-right.svg);
    width: 60px;
    height: 60px;
    position: absolute;
    background-repeat: no-repeat;
    top: 100%;
    right: 10%;
    opacity: 1;
}

.footerSection {
    background-image: url(../images/footerbg1.png);
    background-size: cover;
    z-index: -1;
}

.fcontentleft {
    float: left;
    width: 100%;
    min-height: 40px;
    margin: 5px 0;
    display: flex;
}

.fcontentright {
    /* display: flex;
    justify-content: center; */
    float: left;
    width: 100%;
    min-height: 40px;
    margin: 5px 0;
}

.fcontentleft img {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    float: left;
    position: relative;
    top: 4px;
}

.fcontentright img {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    float: left;
    position: relative;
}

.martp6 {
    margin: 6px 0;
}

.fcontentleft div,
.fcontentleft div a,
.fcontentright div {
    float: left;
    color: #ffffff;
    font-family: "Montserrat-Regular";
    font-size: 15px;
    display: flex;
    align-items: center;
    min-height: 30px;
}

.green-text {
    color: #04a22b;
    text-align: left;
    font-family: "Montserrat-Regular"
}

.text-left {
    text-align: left !important;
}

.extraspace3 {
    height: 15px;
}

.mobile-btn {
    display: none;
}


/*  animation*/

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(-60px);
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(-60px);
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(-60px);
    }
    to {
        opacity: 1;
    }
}

.fade-in {
    opacity: 0;
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
}

.fade-in.one {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.fade-in.two {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.fade-in.three {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}

.animated {
    /* border-radius: 50%;
    border-top: 2px dashed #ffcc00;
    border-right: 2px dashed #ffcc00;
    border-left: 2px dashed #000000;
    border-bottom: 2px dashed #000000;
    padding: 10px;
    animation: spin 10s infinite linear; */
    overflow: hidden;
    position: relative
}


/* @keyframes spin {
    100% {
        transform: rotate(1turn);
    }
}
.animated img {
    animation: spin 10s infinite reverse linear;

} */

.right {
    border: #707070 solid 2px;
    height: 125px;
    width: 125px;
    border-radius: 120px;
    border-top-color: transparent;
    border-left-color: transparent;
    position: absolute;
    transform: rotate(-45deg);
    animation: rota2 3000ms linear;
    -moz-animation: rota2 3000ms linear;
    -o-animation: rota2 3000ms linear;
    -webkit-animation: rota2 3000ms linear;
}

@keyframes rota2 {
    from {
        transform: rotate(-225deg);
    }
    to {
        transform: rotate(-45deg);
    }
}

@-o-keyframes rota2 {
    from {
        transform: rotate(-225deg);
    }
    to {
        transform: rotate(-45deg);
    }
}

@-moz-keyframes rota2 {
    from {
        transform: rotate(-225deg);
    }
    to {
        transform: rotate(-45deg);
    }
}

@-webkit-keyframes rota2 {
    from {
        transform: rotate(-225deg);
    }
    to {
        transform: rotate(-45deg);
    }
}

.left {
    border: #707070 solid 2px;
    height: 150px;
    width: 150px;
    border-radius: 120px;
    border-bottom-color: transparent;
    border-right-color: transparent;
    position: absolute;
    transform: rotate(315deg);
    animation: rota 5000ms linear;
    -o-animation: rota 5000ms linear;
    -moz-animation: rota 5000ms linear;
    -webkit-animation: rota 5000ms linear;
}

@keyframes rota {
    from {
        transform: rotate(-45deg);
    }
    to {
        transform: rotate(315deg);
    }
}

@-o-keyframes rota {
    from {
        transform: rotate(-45deg);
    }
    to {
        transform: rotate(315deg);
    }
}

@moz-keyframes rota {
    from {
        transform: rotate(-45deg);
    }
    to {
        transform: rotate(315deg);
    }
}

@-webkit-keyframes rota {
    from {
        transform: rotate(-45deg);
    }
    to {
        transform: rotate(315deg);
    }
}

.middle {
    color: #707070;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 150px;
    z-index: 4;
}

#image {
    position: absolute;
    left: -600px;
    -webkit-animation: slide 7s forwards;
    -webkit-animation-delay: 5s;
    animation: slide 7s forwards;
    animation-delay: 5s;
}

@-webkit-keyframes slide {
    100% {
        left: 0;
    }
}

@keyframes slide {
    100% {
        left: 0;
    }
}

.aiSection {
    position: relative;
}

@media only screen and (min-width: 560px) and (max-width: 767px) {
    .gl-sect-imgwrap {
        height: 200px;
    }
    .gl-sect-contentwrap {
        width: calc(100% - 30px);
        margin-left: 0;
    }
    .glsecthead2 {
        font-size: 17px;
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .ps-sectwrap {
        margin-bottom: 15px;
    }
    .rectwraptext {
        margin-top: -15px;
    }
    .bannertext h1 {
        font-size: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1080px) {
    .input {
        min-width: inherit !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
    .glsecthead1 {
        font-size: 20px !important;
    }
    .glsecthead2 {
        font-size: 13px !important;
    }
    .ps-sectwrap div:nth-of-type(1) {
        width: 100px;
        height: 100px;
    }
    .ic-img {
        width: 60px !important;
        height: 60px !important;
    }
    .rectwraptext {
        /* width: calc(100% - 30px);
        margin-left: 15px; */
        font-size: 18px;
    }
    .aiSection {
        background-image: none;
    }
    .slide-text {
        bottom: 18%;
    }
    .aiSection {
        background-color: #fffffd;
        background-image: url(../images/aihand.jpg);
        background-position: center;
    }
}

@media only screen and (min-width: 1100px) {
    .ai-pos {
        right: 30%;
    }
    .ai-pos1 {
        left: 30%;
    }
}

@media only screen and (max-width: 767px) {
    .aiSection {
        background-image: none;
    }
    .square {
        float: left;
    }
    .heading-text2 {
        width: 100%;
        margin: 0 auto;
    }
    .inputwrap-inner {
        width: calc(100% - 30px);
        float: left;
        margin: 15px auto;
    }
    .input {
        float: left;
    }
    .submit {
        float: none;
    }
}

@media only screen and (max-width: 768px) {
    .gl-sect-contentwrap {
        bottom: 0 !important;
    }
}

@media only screen and (min-width: 580px) and (max-width: 700px) {
    .benimgwrap img {
        width: 100%;
        height: 100%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 579px) {
    .benimgwrap img {
        width: 40%;
        height: 40%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 600px) {
    .square {
        float: left;
        transform: none;
    }
}

@media only screen and (max-width: 880px) {
    .fcontentleft div,
    .fcontentleft div a,
    .fcontentright div {
        font-size: 13px;
    }
}

@media only screen and (max-width: 600px) {
    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .mob-mbtm {
        margin-bottom: 15px;
    }
    .gl-sect-imgwrap {
        width: 100%;
    }
    .extraspace {
        height: 30px;
    }
    .ps-sectwrap {
        width: 100%;
    }
    .method-carousel {
        padding: 0 15px;
    }
    .benimgwrap {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .imgtext {
        width: 100%;
        margin: 0 auto 30px;
        font-size: 16px;
    }
    .rectwrap {
        height: 250px;
    }
    .rectwraptext {
        bottom: 30px;
    }
    .square {
        width: 160px;
        height: 160px;
        margin: 0 10px 0;
    }
    .pic {
        width: 190px;
        height: 190px;
        margin: -20px;
    }
    .slide-text {
        bottom: 18%;
        /* left: 20%; */
    }
    .bannertext h1 {
        font-size: 20px;
    }
    .method-next {
        top: 70%;
    }
    .product-prev,
    .product-next {
        display: none;
    }
}

@media only screen and (max-width: 580px) {
    .md-imgclip {
        width: 100%;
        clip-path: none;
    }
    .rectwrap img {
        width: 100%;
        height: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .inputwrap {
        display: flex;
        flex-wrap: wrap;
    }
    .input {
        width: 100%;
        float: left;
        margin-bottom: 15px;
    }
    .submit {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }
    .gl-sect-imgwrap {
        height: 200px;
    }
    .glsecthead2 {
        font-size: 17px;
    }
    .mob-fl-right {
        float: right;
    }
    .slide-text {
        bottom: 38%;
    }
    .benimgwrap img {
        width: 50%;
        height: 50%;
    }
    .carousel-item img {
        min-height: 230px;
    }
    .logowrap {
        display: none;
    }
    .fcontentleft div,
    .fcontentleft div a,
    .fcontentright div {
        font-size: 14px;
    }
    .heading-text2 {
        font-size: 16px;
        text-align: center;
        margin: 0 0 20px;
    }
    .input,
    .submit {
        text-align: center;
        min-width: inherit !important;
    }
    .desk-btn {
        display: none;
    }
    .mobile-btn {
        display: block !important;
    }
}

@media only screen and (max-width: 414px) {
    .ai-pos {
        right: -30%;
    }
    .ai-pos1 {
        left: -12%;
    }
    .ai-pos3 {
        position: relative;
        left: -47%;
    }
}

@media only screen and (max-width: 380px) {
    .ai-pos {
        right: -30%;
    }
    .ai-pos1 {
        left: 0%;
    }
    .ai-pos3 {
        position: relative;
        left: -34%;
    }
    .bannertext h1 {
        font-size: 16px;
    }
    .logowrap img {
        width: 60px;
        height: 60px;
    }
    .fcontentleft,
    .fcontentright {
        min-height: 25px;
    }
    .fcontentleft img,
    .fcontentright img {
        width: 20px;
        height: 20px;
    }
    .fcontentleft div,
    .fcontentleft div a,
    .fcontentright div {
        font-size: 11px;
    }
}

@media only screen and (min-width: 415px) and (max-width: 480px) {
    .square {
        float: left;
        transform: none;
        width: 160px;
        height: 160px;
        margin: 0 auto 10px;
    }
}