.topnav {
    background-color: white;
    margin: 0px;
    top: 0px;
    position: fixed;
    z-index: 9999;
    width: 100%;
    -webkit-box-shadow: 0 2px 1px rgba(161, 18, 18, 0.5);
            box-shadow: 0 2px 1px rgba(161, 18, 18, 0.5);
}

.nav-opt {
    margin-left: 20px;
}

.nav-sub-opt {
    font-weight: bold;
    color: forestgreen !important;
    font-size: 19px;
    font-family: sans-serif;
    padding: 0px;
    margin-right: 20px;
}

.nav-opt:hover .nav-sub-opt {
    color: black !important;
}

.nav-sub-opt1:hover {
    border-bottom: 2px solid forestgreen;
}

.comphead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.right_menu {
    list-style-type: none;
}

.incomphead {
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0px;
}

.subhead {
    color: #a11212;
    padding-left: 5px;
}

.active1 {

    color: #a11212 !important;
    border-bottom: 2px solid forestgreen;
}

.aboutsmem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 10px;
    font-family: sans-serif;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.abdata {
    text-align: justify;
    color: grey;
    font-weight: 500;
    margin-bottom: 0px;
}

/*CONTACTUS*/

.contactimg {
    background-image: url("../images/Office.png");
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 108px;
}

@media screen and (max-width: 480px) {
    .contactimg {

        height: 108px !important;
    }
}

.contacthead {
    color: forestgreen;
    padding: 20px;
    background-color: white;
    width: 235px;
}

.addoffice {
    color: black;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0px;
    text-align: left;
}

.officeadd {
    padding: 30px 30px 0px 30px;
    width: 100%;
    border: 1px solid black;
    border-radius: 10px;
}

.offhead {
    color: forestgreen;
    text-align: center;
    padding: 15px;
}

.mainoff {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
   /* align-items: center;*/
    
    -webkit-box-orient: vertical;
    
    -webkit-box-direction: normal;
    
        -ms-flex-direction: column;
    
            flex-direction: column;
}


.smart_impu1 {
    margin-bottom: 0px !important;
}

.floating1 {
    height: 100px !important;
}

.smart_input {
    position: relative;
    margin-bottom: 20px;
}

.floating_input,
.floating_select {
    font-size: 14px;
    padding: 4px 4px;
    display: block;
    width: 100%;
    height: 35px;
    background-color: transparent;
    font-weight: bold;
    border: 2px solid black;
    border-radius: 6px;
}

.floating_input:focus,
.floating_select:focus {
    outline: none;
    border: none;
    border-bottom: 2px solid forestgreen;
}

.floatingLabel {
    color: black;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 5px;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.floating_input:focus~.floatingLabel,
.floating_input:not(:placeholder-shown)~.floatingLabel {
    top: -18px;
    font-size: 14px;
    color: forestgreen;
}

.floating_select:focus~.floatingLabel,
.floating_select:not([value=""]):valid~.floatingLabel {
    top: -18px;
    font-size: 14px;
    color: forestgreen;
}

/* end css for floating labels */

@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}

.question {
    color: forestgreen;
    font-weight: bold;
}

.timecall {
    font-weight: bold;
}

.butmessage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.sendmess {
    border: none;
    border-radius: 5px;
    height: 40px;
    padding: 0px 20px;
    color: white;
    background-color: forestgreen;
    font-weight: bold;
}

.sendmess:hover {
    -webkit-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
    -webkit-transition-duration: 0.5s;
         -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
    color: forestgreen;
    background-color: white;
    border: 1px solid forestgreen;
}

.processopt {
    text-align: center;
    color: forestgreen;
}

.processdesc {
    font-weight: 500;
    text-align: justify;
    color: grey;
}

.brochurecont {
    padding-top: 108px;
}

.incomphead:hover .subhead {
    color: black;
}

.whysmem {
    color: forestgreen;
}

.textsmem {
    text-align: justify;
    font-family: sans-serif;
    padding-bottom: 5px;
}

.smemfooter1 {
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.smemfooter {
    width: 100%;
}

.footerlink {
    text-decoration: none;
    font-weight: bold;
    color: forestgreen;
}

.footerlink:hover {
    color: black;
    text-decoration: none;
}

.emailsmem {
    color: #a11212;
    font-size: 60px;
    padding-bottom: 20px;
}

.emailsmem1 {
    color: forestgreen;
    padding-bottom: 20px;
}

.emailsmem2 {
    color: forestgreen;
    font-weight: bold;
    padding-bottom: 20px;
}

.smemdetails {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 30px;
}

.detsmem {
    padding: 20px;
}

.list-unstyled {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin: 0;
}

.footer_smem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 100%;
}

.footer_icons {
    font-size: 22px;
}

@media screen and (max-width: 480px) {
    .wrapper {

        width: 100% !important;
    }
    .gallerysmem {

        padding: 0px !important;
    }
    .foot-smem,
    .footer_smem {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .gallery__block {
        height: 212px !important;
    }
    .pdfdetails {
        display: none;
    }
}

@media only screen and (min-width: 480px) and (max-width:768px) {

    .wrapper {

        width: 100% !important;
    }
    .gallerysmem {

        padding: 0px !important;
    }
    .foot-smem {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .gallery__block {
        height: 360px !important;
    }
    /*.pdfflowchart
    {
        width:100% !important;
        height:700px !important;
    }*/
}



.smgallery {
    text-align: center;
    color: forestgreen;
}

.homesmem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.fa-cannabis,
.fa-question {
    color: #99fe00;
    font-size: 120px;
    padding: 20px;
}

.gallaryrow {
    margin: 0px;
}

.innerdetsmem {

    width: 100%;
    padding: 10px;
    border-radius: 15px;
    border: 2px solid forestgreen;
}

.recyprdts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.prodlist {
    text-align: -webkit-auto;
    color: #a11212;
    font-weight: 700;
}

.officeaddrow {
    padding-top: 30px;
    padding-bottom: 30px;
}

.dataprocess {
    padding-top: 30px;
}

.pdfflowchart {
    width: 100%;
    height: 1000px;
}

.thankyou h2 {
    color: green;
    text-align: justify;
}