@charset "utf-8";@-ms-viewport{width:device-width;}
@-viewport{width:device-width;}
@media only screen and (max-width:1200px){img{max-width:100%;}
.{width:auto;padding-left:20px;padding-right:20px;}
.nav{position:absolute;top:0;right:0;left:0;z-index:999;float:none;padding:0 0;margin:0;}
.nav ul li{margin:0;}
.nav ul li a{padding:12px 0;background:#fff;text-align:center;color:#2b2b3a;}
.nav-shrink .nav ul li a{padding:12px 0;}
.nav ul li ul{position:relative;left:0;}
.nav ul ul li a{text-align:center;}
.nav ul li ul:before{top:-12px;left:0;right:0;}
.nav ul li a span{display:block;}
.header-top h1, .header-top aside{position:relative;z-index:99999;}
}
@media only screen and (max-width:1024px){}
@media only screen and (max-width:960px){.header-top{padding:0 100px 0 20px;}
.section-home{padding:25px 20px;}
.resume-home{padding:150px 20px;}
.section-count{padding:25px 0px;}
.home-contact{padding:120px 20px;}
.section-tabs{padding:25px 0px;}
.footer_marg{padding:120px 20px 35px 20px;text-align:center;}
.foot_list, .foot-text, .foot-right{margin-right:0;float:none;text-align:center;}
.footer-bottom{padding:0 20px 35px 20px;text-align:center;}
.clients, .testimonials{padding:25px 5px;}
.contact, .job-opening{padding:25px 20px;}
.job-opening article{padding:25px 20px;}
.section-what-we-do{padding:25px 20px 15px 20px;}
.section-what-we-do ul li{width:50%;}
}
@media only screen and (max-width:768px){.section-home aside{width:auto;float:none;}
.resume-home{text-align:center;}
.resume-home aside{width:auto;float:none;}
.resume-home a{width:auto;float:none;display:inline-block;}
.section-count ul li{width:50%;}
.home-contact h2{font-size:26px;line-height:26px;}
.home-contact p{margin:15px 0;}
.home-contact a{padding:10px 20px;margin:15px 1px 15px 1px;font-size:13px;}
.section-tabs ul li{width:50%;}
.banner-pages h2{font-size:24px;line-height:24px;}
.banner-pages p{padding:0 20px;}
.resume-submission fieldset{width:auto;padding:20px;}
.clients ul li, .testimonials ul li{width:50%;}
.contact fieldset, .contact aside{width:auto;margin-right:0;float:none;}
.job-opening article{}
.job-opening article aside, .job-opening p{width:auto;float:none;padding:0;}
.section-what-we-do aside{width:auto;float:none;}
.header-top {
     margin-left: 0px; 
    background: #fff;
    margin-top: 0px;
    border-radius: 0px;
    width: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.header-top h1 img {
    padding-left: 0px;
}
.menu {
    padding: 0px 20px 0 20px !important;
}
.design_developed {
    display: block;
    text-align: center;
}
.design_develope p {
    padding-bottom:15px;
}
.about_us {
    height: 55vh;
    width: 100%;
    object-fit: contain;
}
.form_design {
    display: block!important;
}
.form_label {
    width: 100%!important;
}
.certificate {
    width: 60%;
    margin: auto;
    display: block;
    padding: 15px 0 15px 0;
    background: #5f650f;
    border: none;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
.slick-next {
    right: 15px!important;
}
.slick-prev {
    left: 15px!important;
}
.productlist{
    display: block;
}
.productlist li{
    width: 100%;
    padding: 0px;
    margin: 0px;
}
/* .features tr{
    display: grid;
    padding: 0px 0px;
} */
.producttab{
    width: 100%;
    margin: auto;
    overflow-x: scroll;
}
.producttab th{
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    color: #000;
}
.producttab td{
    border: 1px solid #ddd;
    padding: 6px;
    font-size: 16px;
}
.gap{
    box-shadow: -1px -1px 18px #e8e8e8!important;
    height: 25vh!important;
    padding: 10px!important;
    margin-left: 20px!important;
    border-radius:15px!important;
}
.product_other{
    /* display: block; */
    flex-direction: column;
    padding: 5px;
}
/* .product_table .features tr{
    display: table-header-group;
} */
.product_image {
    width: 100%;
    padding: 5px;
}
td {
    padding: 8px 0px;
    border: solid 1px #F2F2F2;
}
.product_image {
    order: 1;
  }
.product_table{
    order: 2;
  }
.product_table table {
    width: 100%; 
    text-align: center;
  }
  #subscribe-button {
    padding: 15px 30px;
}
.product_grid2 {
    padding-left: 0px;
}
.five_zone{
    width:100%!important;
}
.sub {
    width: 50%;
    padding-left: 70px;
}
.our_cerfiticate {
    display: block;
}
.section-home1 {
    padding: 25px 20px;
}
.our_cerfiticate li{
    width: 95%;
    box-shadow: -1px -1px 18px #e8e8e8;
    padding: 10px;
    margin-top: 20px;
    border-radius: 10px;
}
.our_cerfiticate li img{
    width:100%;
}
.crystal_growth{
    width:100%!important;
}
.cerystal_growth1{
    width:100%!important;
}
.our_cerfiticate1{
        margin-top: 45px;
        display:block;
}
.our_cerfiticate1 li{
    width: 95%;
    box-shadow: -1px -1px 18px #e8e8e8;
    padding: 10px;
    margin-top: 20px;
    border-radius: 10px;
}
.our_cerfiticate1 li img{
    width:100%;
}
.career {
    display: flex;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    align-items: center;
}
.faemail {
    left: 28%;
    position: absolute;
    top: 81.3%;
}
.image_zoom{
        color: #484848;
    margin-top: 25px!important;
}
.our_teams {
    display: block;
}
.our_teams li {
    width: 100%;
    margin-top: 20px;
    margin-left:0;
}
.our_teams1 {
    display: block;
}
.our_teams1 li {
    width: 100%;
    margin-top: 20px;
    margin-left:0;
}
.last-member {
    width: 100%!important;
}
.ebcf_modal {
    display: none;
    position: fixed;
    z-index: 1000;
    padding-top: 15px;
    left: 0;
    top: 0%;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}
.ebcf_modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 95%;
  overflow-y: scroll;
}
.first-para{
    text-align: justify;
}
.first-para1{
    text-align: justify;
}
.mobile-alignment{
    height:40vh;
}
.section-home aside{
    margin-top:35%;
}
.our_cerfiticates a {
    width: 100%;
}
.our_cerfiticates {
    margin-top: 45px;
    display: flex;
    margin-left: 22px;
    flex-wrap: wrap;
}
.our_cerfiticates a {
    width: 100%;
}
.our_cerfiticates {
    margin-top: 45px;
    display: block !important;
    margin-left: 22px;
   
}
.our_cerfiticates li {
    width: 95%;
    box-shadow: -1px -1px 18px #e8e8e8;
    padding: 10px;
    border-radius: 10px;
    min-height: 340px;
    max-height: 340px;
    margin-bottom: 25px;
}
}

@media only screen and (max-width:480px){.contact-icons{display:block;}
.section-count ul li h2{font-size:24px;}
.section-count ul li h2:after{font-size:17px;}
.section-count ul li p{font-size:12px;}
.section-tabs ul li{width:auto;float:none;}
.section-tabs ul li:before{content:" ";position:absolute;bottom:0;left:0;right:0;width:100%;height:1px;background:linear-gradient(120deg, #fff, #1b68e0, #fff);}
.resume-submission-submit, .resume-submission-reset, .contact-button-submit, .contact-button-reset{padding:13px 35px;margin-top:30px;}
.section-what-we-do ul li{width:auto;float:none;}
.contact-icons {position: fixed;top: 50%;bottom: 0;left: 18px;width: 50px;height: 19%;display: table; margin: auto;z-index: 999;background: #fff;border-radius: 20px;padding: 0 4px;
}
}
@media only screen and (max-width:320px){.resume-submission fieldset aside{width:auto;float:none;}
.clients ul li, .testimonials ul li{width:auto;float:none;}
}

@media only screen and (min-width:1920px){
    .nav ul li {
        margin-left: 37px;
    }
    .header-top {
        width: 57%;
    }
}
@media (max-width:1707px) and (min-width:1517px){
    .header-top {
    margin-left: 70px;
    background: #fff;
    margin-top: 15px;
    border-radius: 20px;
    width: 65%;
    position: fixed;
    z-index: 100;
    top: 0;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
}
@media (max-width:1821px) and (min-width:1707px){
    .header-top {
    margin-left: 70px;
    background: #fff;
    margin-top: 15px;
    border-radius: 20px;
    width: 60%;
    position: fixed;
    z-index: 100;
    top: 0;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.our_cerfiticates li {
    width: 95%;
    box-shadow: -1px -1px 18px #e8e8e8;
    padding: 10px;
    border-radius: 10px;
    min-height: 440px;
    max-height: 440px;
}
}
@media (max-width:2041px) and (min-width:1821px){
    .header-top {
    margin-left: 70px;
    background: #fff;
    margin-top: 15px;
    border-radius: 20px;
    width: 54%;
    position: fixed;
    z-index: 100;
    top: 0;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.our_cerfiticates li {
    width: 95%;
    box-shadow: -1px -1px 18px #e8e8e8;
    padding: 10px;
    border-radius: 10px;
    min-height: 460px;
    max-height: 460px;
}
}
@media (max-width:1362px) and (min-width:1202px){
    .header-top {
    margin-left: 70px;
    background: #fff;
    margin-top: 15px;
    border-radius: 20px;
    width: 79%;
    position: fixed;
    z-index: 100;
    top: 0;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
}
@media (max-width:1242px) and (min-width:1200px){
        .header-top {
    margin-left: 70px;
    background: #fff;
    margin-top: 15px;
    border-radius: 20px;
    width: 84%;
    position: fixed;
    z-index: 100;
    top: 0;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.foot_list {
    margin-right: 90px;
}
}