@media screen and (min-width: 1261px) and (max-width: 1960px) {
    .container {
        overflow: hidden;
    }
    .row {
        overflow: hidden;
    }
    .bnnr img {
        position: relative;
        top: -56px;
    }
    .abt {
        top: -60px !important;
    }

    }
@media screen and (min-width: 1196px) and (max-width: 1260px) {

    .container {
        overflow: hidden;
    }
    .row {
        overflow: hidden;
    }
    .vsn::before {

        content: "";
        position: absolute;
        left: 0;
        right: 2.6%;
        top: 0;
        bottom: 0;
        background: #1e2732;
    
    }
   
}

@media only screen and (min-width: 1496px) {
    .unsel label {
        line-height: 7;
    } 
    #afx-lh.affix  {
        width: 22.6% !important;
    }
    /* .afx {
        width: 358px !important;
    }
    .afbx {
        width: 358px;
    } */
}

@media only screen and (min-width: 1497px) and (max-width: 1960px){
    /* #afx-lh.affix  {
        width: 25% !important;
    } */
   
    /* .afx {
        width: 358px !important;
    }
    .afbx {
        width: 358px !important;
    } */
    .gama img {
        width: 175px;
    }
}
@media only screen and (min-width: 1333px) and (max-width: 1496px){
    #afx-lh.affix  {
        width: 24% !important;
    }
    .affix-top {
        width: 327px !important;
    }
    .affix-bottom {
        width: 327px !important;
    }
  
}
@media only screen and (min-width: 1200px) and (max-width: 1332px){

    #afx-lh.affix  {
        width: 24% !important;
    }
   
    /* .afx {
        width: 265px !important;
    }
    .afbx {
        width: 265px !important;
    } */
}



@media screen and (min-width: 992px) and (max-width: 1199px) {

    .gama img {
        width: 111px;
        position: relative;
        left: 0px;
        top: -26px;
    }

    #afx-lh.affix  {
        width: 29.6% !important;
    }

    .container {
        overflow: hidden;
    }
    .row {
        overflow: hidden;
    }
    .contact-top ul {
        margin-left: 0px;
    }
    .contact-top a {
        font-size: 14px;
    }
    .contact-top img {
        width: 48%;
        padding: 20px 5px;
    }
    .unit-txt h3 {
        padding: 0px 56px;
    }
    .exp h1 {
        font-size: 160px;
        padding-left: 20px;   
    }
    .vsn::before {

        content: "";
        position: absolute;
        left: 0;
        right: 3.6%;
        top: 0;
        bottom: 0;
        background: #1e2732;
    
    }
    .msn #accordion .panel-title a {
        padding: 28px 20px 16px 50px;
    }

    .about-m .service-icon1::before{
        height: 130px;
        width: 130px;
        position: absolute;
        left: 42px;
        top: 40px;
        z-index: -1;
    }
    .about-m .service-icon1::after {

        height: 136px;
        width: 136px;
        z-index: -2;
        left: 39px;
        top: 37px;
    
    }
    .about-m .service-icon1 img {
        width: 52%;
        position: relative;
        top: -10px;
        margin-left: 0px;
    }
    .about-m .service-icon1 {
        height: 224px;
        width: 224px;
        margin-right: -114.5px;
        margin-top: -90.5px;
    }
    .about-m .big-service-detail {
        padding: 69px 60px 0 96px;    
    }
    .intro-video {

        width: 100%;
        height: auto;
        margin: 36px 0px;
    
    }
    .visible {
        display: block;
        position: absolute;
        margin: 30px 0 0 0px;
        width: 100%;
    }
    .menunav {
        position: absolute;
        display: block;
        left: 7%;
        margin: 5em auto;
        min-width: 10em;
        width: 42%;
        max-width: 30em;
        top: 20px;
    }
    .menunav ul{
        padding: 78%;
    }

    .services-p .col-md-4{
        padding: 0px 5px;
    }
    .circle label {
        line-height: 2.5;
        font-size: 16px;
    }
    .clicky.menuname {
        font-size: 14px;
        position: relative;
        top: 22px;
    }
    .intro-layers {
        width: 33%;
    }
    .tp-wrap-btn button {
        margin: 0 auto;
        display: block;
    }
    .single-intro-text {
        top: 0px;
    }
    .ftr-logo img {
        width: 100%;
        margin: 0 auto;
        display: block;
        margin-bottom: 20px;
    }

}

@media only screen and (min-width: 1120px) and (max-width: 1199px){
   
    /* .afx {
        width: 342px !important;
    }
    .afbx {
        width: 342px !important;
    } */
}

@media only screen and (max-width: 990px) {

    .menunav {
        display: none;
    }
    .bg-grn-vs {
        display: none;
    }
    .services-p {
        display: none !important;
    }

    .hidden {
        display: block !important;
        position: relative;
        width: 100%;
      }
      .hidden h1{
        text-align: center;
      }
      .hidden .p1{
        color: #4b4e50;
        font-size: 16px;
        /* text-align: center; */
    }
    .hidden span{
        font-style: italic;
        text-decoration-line: underline;
      }
      .hidden p{
        color: #1e2732e6;
        font-size: 14px;
        line-height: 20px;
        /* text-align: justify; */
        font-family: Arial, Helvetica, sans-serif;
        padding: 2px 10px;
        margin: 0 0 10px;
        font-weight: 400;
      }
      .hidden img{
        width: 100%;
        height: 169px;
        float: left;
        margin-bottom: 10px;
        border-radius: 15px;
      }
      .hidden-txt {
        position: absolute;
        left: 12px;   
        top: 92px;     
        font-size: 20px;   
        border-radius: 25px;
      }

      .hidden-txt p{
        color: #fefefe; 
        margin: 0px;
        text-align: left;  
      }

      .hidden ul {
        list-style-type: none;
      }
      .hidden details ul {
        list-style-type: square;
      }
      .hidden a {
        font-size: 96%;
        text-decoration: none;
        /* color: purple; */
      }
      .hidden a:hover {
        color: #04afff;
      }

    .about-m .full-service {
        display: none;
    }
    .about-m .big-service-detail > h3 {
        padding-top: 0px !important;
    }
    .wrap {
        display: none;
    }
    .ts-intro h4 {
        width: 100%;
    }
    .pl0 {
        padding-left: 15px;
    }
    .pr0 {
        padding-right: 15px;
    }
    .pr0 img {
        padding: 10px 0px !important;
    }
    .prod-title-2 {
        border-top-left-radius: 0px;
    }
    .prod-title-1 {
        border-top-right-radius: 0px;
    }
    .prod-title p {
        padding: 0px;
    }
    .right-btns ul li {
        margin-top: 7px;
        margin-bottom: 2px;
    }
    .prod-tb .table-striped {
        margin-top: 0px;
    }
    .prod-t-3 h4 {
        padding: 8px 0px;
    }
    #afx-lh {
        display: contents;
    }
    .prod .row {
        display: flex;
        flex-direction: column-reverse;
    }
    .clm{
        display: flex;
        flex-direction: column-reverse;
    }

    .flxr {
        display: flex;
        flex-direction: column-reverse;  
    }
    .prod-arw, .prod-arw2, .prod-arw3 {
        display: none;
    }
    .bmg1 {
        display: none;
    }
    .abt {
        background: #04afff !important;
    }

    .pd0-0 {
        padding: 0px !important;
        width: 100% !important;
    }
    .hr1-1 {
        background: #eee !important;
    }
    .abts h1 {
        margin-top: 5px !important;
    }
    .abts p {
        padding: 10px 56px 6px 30px;
        color: #c1c5c9;
        font-size: 13px;
        line-height: 22px;
        /* text-align: justify; */
    }
    .btn-2 {
        float: none !important;
        background: #04afff !important;
        border: 2px solid #eee !important;
        color: #eee !important;
        /* margin-right:0px !important;  */
    }
    .btn-2:hover {
        color: #1e2732 !important;
    }
    .exp {
        background: #1e2732 ;
        margin: 0px !important;
    }
    .exp h1 {
        text-align: center;
        padding: 15px;
        margin-top: 0px;
    }
    .exp p {
        text-align: center;
        padding-left: 0px;
        padding-bottom: 10px;
        padding: 10px;
    }

    #login #login-row #login-column #login-box{
        margin-top: 30px;
    }
    .prod-lh .panel-group {
        padding-bottom: 30px !important;
    }

    /* .brdc .breadcrumb > li {
        display: grid !important;
    } */
    .breadcrumb-item + .breadcrumb-item::before {
        padding: 0px 3px;
    }
    .breadcrumb .breadcrumb-item:hover {
        cursor: pointer;
    }
    .heading h2 {
        font-size: 27px !important;
    }
    .heading p {
        text-align: justify;
    }
    .intro-txt {
        padding: 10px 0px !important;
        box-shadow: none;
    }
    .intro-txt p{
        font-size: 16px !important;
        text-align: justify;
    }
    #login-column {
        padding: 0px;
    }
    .visible-txt {
        display: none;
    }
    
}



@media only screen and (min-width: 991px) {
    /* .afx {
        width: 302px;
    }
    .afbx {
        width: 302px;
    } */
    /* .affix tr > th {
        padding: 7px 11px !important;
      }
      .affix tr > th:nth-child(1) {
        width: 7% !important;
      }
      .affix tr > th:nth-child(2){
        width: 7.5% !important;
      }
      .affix tr > th:nth-child(3){
        width: 7% !important;
      }
      .affix-top {
        position: unset;
        top: 0px;
      }
      .affix + .container-fluid {
        padding-top: 70px;
      } */
    .bmg2 {
        display: none;
     }
    .abt {
        background-color: none;
    }
    /* .mki {
        display: none;
    } */

    .ftr-lh {
        justify-content: center;
        display: grid;
    }

}



@media screen and (min-width: 768px) and (max-width: 991px) {

    .container {
        overflow: hidden;
    }
    .row {
        overflow: hidden;
    }

    #loader {
        display: block;
        position: relative;
        left: 27%;
        top: 42%;
        width: 100%;
        margin: 0;
        z-index: 9999;
      }
    
    .domino > div {
        width: 52px;
        height: 52px;
    }
    .domino > div:nth-child(2) {
        margin: 42px;
    }
    .domino > div:after {
        content: "";
        width: 52px;
        height: 52px;
      }

    header {
        height: 142px;
    }

    .logo img {

        /* padding-top: 64px; */
        width: 45%;
        position: relative;
        top: 62px;
        z-index: 1;
        right: 10px;
    
    }
    #google_translate_element {
        position: relative;
        top: -57px;
        left: -7px;
    }
    .toggle_menu {
        position: relative;
        top: -56px;
        right: 10px;
        padding: 0px;
        z-index: 3;
    }

    .contact-top {
        top: 116px;
        position: relative;
        left: 45%;
        margin-top: -115px;
        z-index: 2;
    }
    .contact-top img {
        width: 14%;
        padding: 18px 14px;
    }
   
    .contact-top ul {
        margin-left: 0px; 
    }
    .contact-top a {
        font-size: 14px;
    }

    .srch li {
        position: fixed;
        right: 20%;
        z-index: 2;
        margin-top: -65px;
    }

    .goog-te-gadget .goog-te-combo {

        margin: 21px 10px !important;
        position: relative;
        top: 30px;
    
    }

    .banner {
        position: relative;
        top: 122px;
    }

    .bnnr img {
        position: relative;
        top: -28px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, 
    .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 24px;
        height: 24px; 
    }

    .carousel-indicators{
        bottom: 0px;
    }

    .intro-layers {
        top: 32%;
        width: 56%;
    }

    .intro-layers h2 {
        font-size: 20px;
        line-height: 24px;
        background: #1e2732cc;
        padding: 10px 14px;
        font-weight: 500;
    
    }
    .slide-social-icons {
        right: 14%;
        top: 25%;
    
    }
    .slide-social-icons a[class*="fa-"]::before {
        font-size: 20px;
        padding: 10px 5px;
        width: 20%;
    }

    .abt {
        position: relative;
        top: 92px !important;
    }
    .abt-img {
        margin-top: -12px; 
    }
    .abts h1 {
        font-size: 36px;
    }
    .hr1 {
        width: 20%;
        left: 42%;
    }
    .abts p {
        padding: 0px;
        font-size: 18px;
        line-height: 26px;
        text-align: justify;
    }

    .btn-2 {
        font-size: 16px;
        padding: 9px 27px;
        margin-right: 24%;
        float: right;
    }
    .exp h1 {
        font-size: 156px;
        margin: 10px;
    }
    .exp p {
        font-size: 16px;
    }
    .exp {
        margin-top: -42px;
        margin-bottom: 15px;
        padding-left: 24px;
    }

    .business {
        margin-top: 60px;
        padding: 50px 5px;
    }
    .business h1 {
        font-size: 30px;
    }
    .units {
        margin: 0px;
        padding: 0px 10px;
    }
    .unit-txt h3 {
        font-size: 20px;
        width: 96%;
    }
    .unit-txt {
        padding: 15px;
    }
    .unit-txt p {
        font-size: 15px;
    }
    .vsn {
        padding: 60px 20px;
    }

    .msn {
        display: flex;
        /* flex-direction: column-reverse; */
    }

    .export {
        padding: 20px 0px;   
    }

    .export h1 {
        font-size: 36px;
    }
    .export img {
        padding: 0px;
    }
    .infra {
        padding: 20px 0px;
    }
    .infra h1 {
        font-size: 30px;
    }
    .qoete_title h2{
        font-size: 34px;
    }
    .qoete_title {
        padding-bottom: 24px;
    }
    .col-form-qoute {
        padding: 0px;
    }
    .col-qoute-button {
        padding-left:10px; 
        padding-top: 7px;
    }
    .call-section.qoute-section {
        padding: 60px 0;
    }
    .tp-wrap-btn button {
        margin: 0 auto;
        display: block;
    }
    .ftr-btm-m{
        display: table;
        margin: 0 auto;
    }
    .ftr-btm {
        text-align: center;
    }
    .ftr-btm p {
        float: none !important;
    }
    #toTop {
        bottom: 33px;
    }

    footer {
        background-size: 187% 100%;
        background-position: center;
        background-repeat: no-repeat;
    
    }

    /* -- about-us --  */

    .bnr-txt img{
        margin-top: 136px;
    }
    .caption {
        top: 30%;
        left: 15%;
    }
    .caption h1 {
        font-size: 14px;
        padding: 5px 20px;
    }
    .about-m .service-icon1 {
        /* margin-right: 49.5px;
        margin-top: 3.5px; */
        position: absolute;
        top: 100%;
        left: 36%;
    }
    .about-m .service-icon1 img {
        width: 51%;
        padding-top: 28px;
        padding-left: 24px;
    }
    .about-m .service-icon1::before {
        height: 124px;
        width: 124px;
        position: absolute;
        left: 85px;
        top: 78px;
    }
    .about-m .service-icon1::after {
        height: 132px;
        width: 132px;
        z-index: -2;
        left: 81px;
        top: 74px;
    }
    .about-m .big-service-detail {
        padding: 70px 24px 15px 27px;
    }
    .about-m .big-service-detail > h3 {
        font-size: 36px;
        text-align: center;
        padding-top: 70px;
    }
    .vsn-abt .main-timeline .inner-content::before {
        transform: skew(0deg);
    }
    .vsn-abt .main-timeline .timeline ol {
        padding: 0px;
    }
    .intro-video {
        width: 100%;
        height: auto;
        margin: 36px 0px;
    }

    .single-intro-text {
        top: 0px;
    }

    .brdc .breadcrumb {
        letter-spacing: normal;
    }
    .brdc .breadcrumb > li {
        display: initial;
    }

    /* -- ceo -- */

    .tg-bgtwitter {
        margin-top: 20px;
    }
    .hero-bg {
        height: 0px;
    }
    .item-content {
        padding: 0px 0 !important;
    }
    .item-media {
        margin: 20px 0px;
    }
    .cert {
        padding: 50px 0px;
    }
    .c-gutter-60 [class*="col-"], .row.c-gutter-60 > [class*="col-"] {
        padding: 0px;
    }
    .ls.ms {
        padding: 0px !important;
    }
    .career_left_top h1 {
        font-size: 36px;
    }

    .career_right_details {
        padding: 10px 0px;
    }
    .support-section h1 {
        font-size: 42px;
    }
    .prod {
        padding: 0px;
    }
    .prod-lh {
        margin-bottom: -22px;
        z-index: 1;
    }
    
    /* --pigments-- */
    .prod-menu {
        width: 100%;
        height: auto;
        background: none;
        padding: 0px;
    }
    .visible {
        position: relative;
        margin: 0px;
    }
    .caption2 {
        left: 15%;
        top: 52%;
    }
    .caption2 h2 {
        font-size: 13px;
        padding: 2px 12px;
    }
    .ftr-logo img {
        width: 50%;
        margin: 0 auto;
        display: block;
        margin-bottom: 20px;
    }
    .afbx {
        margin-top: -18px !important;
    }

}
  
  @media screen and (min-width: 601px) and (max-width: 767px) {

    .container {
        overflow: hidden;
    }
    .row {
        overflow: hidden;
    }

    #loader {
        display: block;
        position: relative;
        left: 27%;
        top: 42%;
        width: 100%;
        margin: 0;
        z-index: 9999;
      }
    
    .domino > div {
        width: 52px;
        height: 52px;
    }
    .domino > div:nth-child(2) {
        margin: 42px;
    }
    .domino > div:after {
        content: "";
        width: 52px;
        height: 52px;
      }

    header {
        height: 132px;
    }

    .logo img {

        /* padding-top: 64px; */
        width: 45%;
        position: relative;
        top: 60px;
        z-index: 1;
        right: 10px;
    
    }
    #google_translate_element {
        position: relative;
        top: -57px;
        left: -7px;
    }
    .toggle_menu {
        position: relative;
        top: -62px;
        padding: 0px;
    }
    .contact-top {
        top: 105px;
        position: relative;
        left: 45%;
        margin-top: -96px;
        z-index: 2;
    }
    .contact-top img {
        width: 16%;
        padding: 10px 14px;
    }
    .contact-top ul {
        margin-left: -5px; 
    }
    .contact-top ul li {
        line-height: 20px;
    }
    .contact-top a {
        font-size: 13px;
    }

    .srch li {
        position: fixed;
        right: 14%;
        z-index: 2;
        margin-top: -72px;
    }

    .goog-te-gadget .goog-te-combo {

        margin: 21px 10px !important;
        position: relative;
        top: 30px;
    
    }

    .banner {
        position: relative;
        top: 122px;
    }

    .bnnr img {
        position: relative;
        top: -22px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, 
    .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 24px;
        height: 24px; 
    }

    .carousel-indicators{
        bottom: 0px;
    }

    .intro-layers {
        top: 32%;
        width: 56%;
    }

    .intro-layers h2 {
        font-size: 20px;
        line-height: 24px;
        background: #1e2732cc;
        padding: 10px 14px;
        font-weight: 500;
    
    }
    .slide-social-icons {
        right: 14%;
        top: 25%;
    
    }
    .slide-social-icons a[class*="fa-"]::before {
        font-size: 20px;
        padding: 10px 5px;
        width: 20%;
    }

    .abt {
        position: relative;
        top: 98px !important;
    }
    .abt-img {
        margin-top: -12px; 
    }
    .abts h1 {
        font-size: 36px;
    }
    .hr1 {
        width: 20%;
        left: 42%;
    }
    .abts p {
        padding: 0px;
        font-size: 18px;
        line-height: 26px;
        text-align: justify;
    }

    .btn-2 {
        font-size: 16px;
        padding: 9px 27px;
        margin-right: 24%;
        float: right;
    }
    .exp h1 {
        font-size: 156px;
        margin: 10px;
    }
    .exp p {
        font-size: 16px;
    }
    .exp {
        margin-top: -42px;
        margin-bottom: 15px;
        padding-left: 24px;
    }

    .business {
        margin-top: 60px;
        padding: 50px 5px;
    }
    .business h1 {
        font-size: 30px;
    }
    .units {
        margin: 0px;
        padding: 0px 10px;
    }
    .unit-txt h3 {
        font-size: 20px;
    }
    .unit-txt {
        padding: 15px;
    }
    .unit-txt p {
        font-size: 15px;
    }
    .vsn {
        padding: 60px 20px;
    }

    .msn {
        display: flex;
        flex-direction: column-reverse;
    }

    .export {
        padding: 20px 0px;   
    }

    .export h1 {
        font-size: 36px;
    }
    .export img {
        padding: 0px;
    }
    .infra {
        padding: 20px 0px;
    }
    .infra h1 {
        font-size: 30px;
    }
    .qoete_title h2{
        font-size: 34px;
    }
    .qoete_title {
        padding-bottom: 24px;
    }
    .col-form-qoute {
        padding: 0px;
    }
    .col-qoute-button {
        padding-left:10px; 
        padding-top: 7px;
    }
    .call-section.qoute-section {
        padding: 60px 0;
    }
    .tp-wrap-btn button {
        margin: 0 auto;
        display: block;
    }
    .ftr-btm-m{
        display: table;
        margin: 0 auto;
    }
    .ftr-btm {
        text-align: center;
    }
    .ftr-btm p {
        float: none !important;
    }
    #toTop {
        bottom: 33px;
    }

    footer {
        background-size: 187% 100%;
        background-position: center;
        background-repeat: no-repeat;
    
    }

    /* -- about-us --  */

    .bnr-txt img{
        margin-top: 130px;
    }
    .caption {
        top: 20%;
        left: 15%;
    }
    .caption h1 {
        font-size: 18px;
        padding: 5px 20px;
    }
    .about-m .service-icon1 {
        /* margin-right: 49.5px;
        margin-top: 3.5px; */
        position: absolute;
        top: 100%;
        left: 30%;
    }
    .about-m .service-icon1 img {
        width: 36%;
        padding-top: 25px;
        padding-left: 7px;
    }
    .about-m .service-icon1::before {
        height: 100px;
        width: 100px;
        position: absolute;
        left: 85px;
        top: 78px;
    }
    .about-m .service-icon1::after {
        height: 107px;
        width: 107px;
        z-index: -2;
        left: 82px;
        top: 75px;
    }
    .about-m .big-service-detail {
        padding: 70px 24px 15px 27px;
    }
    .about-m .big-service-detail > h3 {
        font-size: 36px;
        text-align: center;
        padding-top: 70px;
    }
    .vsn-abt .main-timeline .inner-content::before {
        transform: skew(0deg);
    }
    .vsn-abt .main-timeline .timeline ol {
        padding: 0px;
    }
    .intro-video {
        width: 100%;
        height: auto;
        margin: 36px 0px;
    }

    .single-intro-text {
        top: 0px;
    }

    .brdc .breadcrumb {
        letter-spacing: normal;
    }
    .brdc .breadcrumb > li {
        display: initial;
    }

    /* -- ceo -- */

    .tg-bgtwitter {
        margin-top: 20px;
    }
    .hero-bg {
        height: 0px;
    }
    .item-content {
        padding: 0px 0 !important;
    }
    .item-media {
        margin: 20px 0px;
    }
    .cert {
        padding: 50px 0px;
    }
    .c-gutter-60 [class*="col-"], .row.c-gutter-60 > [class*="col-"] {
        padding: 0px;
    }
    .ls.ms {
        padding: 0px !important;
    }
    .career_left_top h1 {
        font-size: 36px;
    }

    .career_right_details {
        padding: 10px 0px;
    }
    .support-section h1 {
        font-size: 42px;
    }
    .prod {
        padding: 0px;
    }
    .prod-lh {
        margin-bottom: -22px;
    }
    
    /* --pigments-- */
    .prod-menu {
        width: 100%;
        height: auto;
        background: none;
        padding: 0px;
    }
    .visible {
        position: relative;
        margin: 0px;
    }
    .caption2 {
        left: 15%;
        top: 52%;
    }
    .caption2 h2 {
        font-size: 13px;
        padding: 2px 12px;
    }
    .ftr-logo img {
        width: 50%;
        margin: 0 auto;
        display: block;
        margin-bottom: 20px;
    }

}

@media screen and (min-width: 481px) and (max-width: 600px) {

    .container {
        overflow: hidden;
    }
    .row {
        overflow: hidden;
    }

    #loader {
        display: block;
        position: relative;
        left: 22%;
        top: 42%;
        width: 100%;
        margin: 0;
        z-index: 9999;
      }
    
    .domino > div {
        width: 42px;
        height: 42px;
    }
    .domino > div:nth-child(2) {
        margin: 42px;
    }
    .domino > div:after {
        content: "";
        width: 42px;
        height: 42px;
      }

    header {
        height: 220px;
    }

    .logo img {

        /* padding-top: 64px; */
        width: 80%;
        position: relative;
        top: 0px;
        z-index: 1;
        display: block;
        margin: 0 auto;
    
    }
    .toggle_menu {
        position: relative;
        top: -100px;
        right: 42px;
        padding: 0px;
        z-index: 3;
    }
    .contact-top {
        top: 62px;
        left: 36px;
        position: relative;
        z-index: 2;
    }
    .contact-top img {
        width: 24%;
        padding: 14px;
    }
    .contact-top ul {
        margin-left: 0px; 
    }
    .contact-top a {
        font-size: 18px;
    }

    .srch li {
        position: fixed;
        right: 27%;
        z-index: 2;
        margin-top: -110px;
    }

    .goog-te-gadget .goog-te-combo {
        margin: 17px 34px !important;
        top: -70px;
        position: relative;
        width: 87%;
    }


    .banner {
        position: relative;
        top: 220px;
    }

    .bnnr img {
        position: relative;
        top: -16px;
    }
    
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, 
    .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 24px;
        height: 24px; 
    }

    .carousel-indicators{
        bottom: -7px;
    }

    .intro-layers {
        top: 32%;
        width: 60%;
    }

    .intro-layers h2 {
        font-size: 13px;
        line-height: 18px;
        background: #1e2732cc;
        padding: 5px 10px;
        font-weight: 400;
    
    }
    .slide-social-icons {
        right: 14%;
        top: 25%;
    
    }
    .slide-social-icons a[class*="fa-"]::before {
        font-size: 20px;
        padding: 10px 5px;
        width: 20%;
    }

    .abt {
        position: relative;
        top: 200px !important;
    }
    .abt-img {
        margin-top: -12px; 
    }
    .abts h1 {
        font-size: 36px;
    }
    .hr1 {
        width: 20%;
        left: 42%;
    }
    .abts p {
        padding: 0px;
        font-size: 16px;
        line-height: 26px;
        text-align: justify;
    }

    .btn-2 {
        font-size: 16px;
        padding: 8px 20px;
        margin-right: 65px;
        float: right;
    
    }
    .exp h1 {
        font-size: 145px;
        margin: 10px;
    }
    .exp p {
        font-size: 16px;
    }
    .exp {
        margin-top: -42px;
        margin-bottom: 15px;
        padding-left: 24px;
    }

    .business {
        margin-top: 160px;
        padding: 50px 5px;
    }
    .business h1 {
        font-size: 30px;
    }
    .units {
        margin: 0px;
        padding: 0px 10px;
    }
    .unit-txt h3 {
        font-size: 20px;
    }
    .unit-txt {
        padding: 15px;
    }
    .unit-txt p {
        font-size: 15px;
    }
    .vsn {
        padding: 60px 15px;
    }

    .msn {
        display: flex;
        flex-direction: column-reverse;
    }

    .export {
        padding: 20px 0px;   
    }

    .export h1 {
        font-size: 36px;
    }
    .export img {
        padding: 0px;
    }
    .infra {
        padding: 20px 0px;
    }
    .infra h1 {
        font-size: 30px;
    }
    .qoete_title h2{
        font-size: 34px;
    }
    .qoete_title {
        padding-bottom: 24px;
    }
    .col-form-qoute {
        padding: 0px;
    }
    .col-qoute-button {
        padding-left:10px; 
        padding-top: 7px;
    }
    .call-section.qoute-section {
        padding: 60px 0;
    }
    .tp-wrap-btn button {
        margin: 0 auto;
        display: block;
    }
    .ftr-btm-m{
        display: table;
        margin: 0 auto;
    }
    .ftr-btm {
        text-align: center;
    }
    .ftr-btm p {
        float: none !important;
    }
    #toTop {
        bottom: 33px;
    }

    footer {
        background-size: 187% 100%;
        background-position: center;
        background-repeat: no-repeat;
    
    }

    /* -- about-us --  */

    .bnr-txt img{
        margin-top: 218px;
    }
    .caption {
        top: 20%;
        left: 15%;
    }
    .caption h1 {
        font-size: 14px;
        padding: 5px 20px;
    }
    .about-m .service-icon1 {
        /* margin-right: 49.5px;
        margin-top: 3.5px; */
        position: absolute;
        top: 100%;
        left: 22%;
    }
    .about-m .service-icon1 img {
        width: 36%;
        padding-top: 25px;
        padding-left: 7px;
    }
    .about-m .service-icon1::before {
        height: 100px;
        width: 100px;
        position: absolute;
        left: 85px;
        top: 78px;
    }
    .about-m .service-icon1::after {
        height: 107px;
        width: 107px;
        z-index: -2;
        left: 82px;
        top: 75px;
    }
    .about-m .big-service-detail {
        padding: 70px 24px 15px 27px;
    }
    .about-m .big-service-detail > h3 {
        font-size: 36px;
        text-align: center;
        padding-top: 70px;
    }
    .vsn-abt .main-timeline .inner-content::before {
        transform: skew(0deg);
    }
    .vsn-abt .main-timeline .timeline ol {
        padding: 0px;
    }
    .intro-video {
        width: 100%;
        height: auto;
        margin: 36px 0px;
    }
    .single-intro-text {
        top: 0px;
    }

    .brdc .breadcrumb {
        letter-spacing: normal;
    }
    .brdc .breadcrumb > li {
        display: initial;
    }

    /* -- ceo -- */

    .tg-bgtwitter {
        margin-top: 20px;
    }
    .hero-bg {
        height: 0px;
    }
    .item-content {
        padding: 0px 0 !important;
    }
    .item-media {
        margin: 20px 0px;
    }
    .cert {
        padding: 50px 0px;
    }
    .c-gutter-60 [class*="col-"], .row.c-gutter-60 > [class*="col-"] {
        padding: 0px;
    }
    .ls.ms {
        padding: 0px !important;
    }
    .career_left_top h1 {
        font-size: 36px;
    }

    .career_right_details {
        padding: 10px 0px;
    }
    .support-section h1 {
        font-size: 42px;
    }
    .prod {
        padding: 0px;
    }
    .prod-lh {
        margin-bottom: -22px;
    }
    
    /* --pigments-- */
    .prod-menu {
        width: 100%;
        height: auto;
        background: none;
        padding: 0px;
    }
    .visible {
        position: relative;
        margin: 0px;
    }
    .caption2 {
        left: 15%;
        top: 52%;
    }
    .caption2 h2 {
        font-size: 13px;
        padding: 2px 12px;
    }
    .ftr-logo img {
        width: 78%;
        margin: 0 auto;
        display: block;
    }
    .ftr-txt h3 {
        font-size: 28px;
        margin-top: 40px;
    }
    .right-btns ul li {
        width: 100%;
    }
    .btn-rh {
        width: 100%;
    }
    .mrq {
        bottom:-0%;
    }

}


@media screen and (min-width: 381px) and (max-width: 480px) {

    .container {
        overflow: hidden;
    }
    .row {
        overflow: hidden;
    }

    #loader {
        display: block;
        position: relative;
        left: 22%;
        top: 42%;
        width: 100%;
        margin: 0;
        z-index: 9999;
      }
    
    .domino > div {
        width: 42px;
        height: 42px;
    }
    .domino > div:after {
        content: "";
        width: 42px;
        height: 42px;
      }

    header {
        height: 196px;
    }

    .logo img {

        /* padding-top: 64px; */
        width: 98%;
        position: relative;
        top: 0px;
        z-index: 1;
        display: block;
        margin: 0 auto;
    
    }
    .toggle_menu {
        position: relative;
        top: -107px;
        padding: 0px;
        z-index: 3;
    }
    .contact-top {
        top: 51px;
        position: relative;
        z-index: 2;
    }
    .contact-top img {
        width: 24%;
        padding: 16px 6px;
    }
    .contact-top ul {
        margin-left: 0px; 
    }
    .contact-top a {
        font-size: 14px;
    }

    .srch li {
        position: fixed;
        right: 21%;
        z-index: 2;
        margin-top: -117px;
    }

    .goog-te-gadget .goog-te-combo {
        margin: 16px 11px !important;
        top: -75px;
        position: relative;
        width: 92%;
    }

    .banner {
        position: relative;
        top: 182px;
    }

    .bnnr img {
        position: relative;
        top: -16px;
    }

    
    .carousel-inner .item > img {
        height: 192px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, 
    .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 24px;
        height: 24px; 
    }

    .carousel-indicators{
        bottom: -7px;
    }

    .intro-layers {
        top: 32%;
        width: 60%;
    }

    .intro-layers h2 {
        font-size: 13px;
        line-height: 18px;
        background: #1e2732cc;
        padding: 5px 10px;
        font-weight: 400;
    
    }
    .slide-social-icons {
        right: 14%;
        top: 14%;
    
    }
    .slide-social-icons a[class*="fa-"]::before {
        font-size: 16px;
        padding: 10px 5px;
        width: 20%;
    }

    .abt {
        position: relative;
        top: 164px !important;
    }
    .abt-img {
        margin-top: -12px; 
    }
    .abts h1 {
        font-size: 28px;
    }
    .hr1 {
        width: 20%;
        left: 42%;
    }
    .abts p {
        padding: 0px;
        font-size: 16px;
        line-height: 26px;
        text-align: justify;
    }

    .btn-2 {
        font-size: 16px;
        padding: 8px 20px;
        margin: 8px;
        float: right;
    
    }
    .exp h1 {
        font-size: 115px;
    }
    .exp p {
        font-size: 16px;
    }
    .exp {
        margin-top: -36px;
        margin-bottom: 15px;
    }

    .business {
        margin-top: 110px;
        padding: 50px 5px;
    }
    .business h1 {
        font-size: 30px;
    }
    .units {
        margin: 0px;
        padding: 0px 10px;
    }
    .unit-txt h3 {
        font-size: 20px;
    }
    .unit-txt {
        padding: 15px;
    }
    .unit-txt p {
        font-size: 15px;
    }
    .vsn {
        padding: 60px 8px;
    }

    .mrq {
        bottom:-5%;
    }

    .msn {
        display: flex;
        flex-direction: column-reverse;
    }

    .export {
        padding: 20px 0px;   
    }

    .export h1 {
        font-size: 36px;
    }
    .export img {
        padding: 0px;
    }
    .infra {
        padding: 20px 0px;
    }
    .infra h1 {
        font-size: 30px;
    }
    .qoete_title h2{
        font-size: 34px;
    }
    .qoete_title {
        padding-bottom: 24px;
    }
    .col-form-qoute {
        padding: 0px;
    }
    .col-qoute-button {
        padding-left:10px; 
        padding-top: 7px;
    }
    .call-section.qoute-section {
        padding: 60px 0;
    }
    .tp-wrap-btn button {
        margin: 0 auto;
        display: block;
    }
    .ftr-btm-m{
        display: table;
        margin: 0 auto;
    }
    .ftr-btm {
        text-align: center;
    }
    .ftr-btm p {
        float: none !important;
    }
    #toTop {
        bottom: 33px;
    }

    footer {
        background-size: 187% 100%;
        background-position: center;
        background-repeat: no-repeat;
    
    }

    /* -- about-us --  */

    .bnr-txt img{
        margin-top: 194px;
    }
    .caption {
        top: 22%;
        left: 15%;
    }
    .caption h1 {
        font-size: 14px;
        padding: 5px 20px;
    }
    .about-m .service-icon1 {
        /* margin-right: 49.5px;
        margin-top: 3.5px; */
        position: absolute;
        top: 100%;
        left: 22%;
    }
    .about-m .service-icon1 img {
        width: 36%;
        padding-top: 25px;
        padding-left: 7px;
    }
    .about-m .service-icon1::before {
        height: 100px;
        width: 100px;
        position: absolute;
        left: 85px;
        top: 78px;
    }
    .about-m .service-icon1::after {
        height: 107px;
        width: 107px;
        z-index: -2;
        left: 82px;
        top: 75px;
    }
    .about-m .big-service-detail {
        padding: 70px 24px 15px 27px;
    }
    .about-m .big-service-detail > h3 {
        font-size: 36px;
        text-align: center;
        padding-top: 70px;
    }
    .vsn-abt .main-timeline .inner-content::before {
        transform: skew(0deg);
    }
    .vsn-abt .main-timeline .timeline ol {
        padding: 0px;
    }
    .intro-video {
        width: 100%;
        height: auto;
        margin: 36px 0px;
    }
    .single-intro-text {
        top: 0px;
    }

    .brdc .breadcrumb {
        letter-spacing: normal;
    }
    .brdc .breadcrumb > li {
        display: initial;
    }

    /* -- ceo -- */

    .tg-bgtwitter {
        margin-top: 20px;
    }
    .hero-bg {
        height: 0px;
    }
    .item-content {
        padding: 0px 0 !important;
    }
    .item-media {
        margin: 20px 0px;
    }
    .cert {
        padding: 50px 0px;
    }
    .c-gutter-60 [class*="col-"], .row.c-gutter-60 > [class*="col-"] {
        padding: 0px;
    }
    .ls.ms {
        padding: 0px !important;
    }
    .career_left_top h1 {
        font-size: 36px;
    }

    .career_right_details {
        padding: 10px 0px;
    }
    .support-section h1 {
        font-size: 42px;
    }
    .prod {
        padding: 0px;
    }
    .prod-lh {
        margin-bottom: -22px;
    }
    
    /* --pigments-- */
    .prod-menu {
        width: 100%;
        height: auto;
        background: none;
        padding: 0px;
    }
    .visible {
        position: relative;
        margin: 0px;
    }

    .caption2 {
        left: 15%;
        top: 52%;
    }
    .caption2 h2 {
        font-size: 13px;
        padding: 2px 12px;
    }
    .faqs .nav-tabs > li {
        margin-bottom: 5px;
        width: 100%;
    }
    .ionic-panel #accordion-ion .panel-title a {
        font-size: 14px;
    }
    .ionic-panel #accordion-ion .panel-title::before {
        left: 30px;
    }
    .ftr-logo img {
        width: 78%;
        margin: 0 auto;
        display: block;
    }
    .ftr-txt h3 {
        font-size: 28px;
        margin-top: 40px;
    }
    
    footer .col-xs-6 {
        width: 100% !important;
    }
    .right-btns ul li {
        width: 100%;
    }
    .btn-rh {
        width: 100%;
    }

}


@media only screen and (max-width: 380px) {

    header .container {
        padding: 0px;
        height: 172px;
    }

    .container {
        overflow: hidden;
    }
    .row {
        overflow: hidden;
    }

    #loader {
        display: block;
        position: relative;
        left: 14%;
        top: 42%;
        width: 100%;
        margin: 0;
        z-index: 9999;
      }
    
    .domino > div {
        width: 36px;
        height: 36px;
    }
    .domino > div:after {
        content: "";
        width: 36px;
        height: 36px;
      }

    header {
        height: 172px;
    }

    .logo img {
        /* padding-top: 64px; */
        width: 97%;
        position: relative;
        top: 2px;
        z-index: 1;
        display: block;
        margin: 0 auto;
    }
    .goog-te-gadget .goog-te-combo {
        margin: 16px 11px !important;
        top: -67px;
        position: relative;
        width: 92%;
    }
    
    .goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon * {
        font-size: 9pt !important;
    }

    .toggle_menu {
        position: relative;
        top: -106px;
        padding: 0px;
        left: 2px;
        z-index: 2;
    }
    
    .contact-top {
        top: 49px;
        position: relative;
        z-index: 2;
    }
    .contact-top img {
        width: 22%;
        padding: 9px 0px;
        position: relative;
        left: -10px;
    }
    .contact-top ul {
        margin-left: -2px; 
    }
    .contact-top ul li {
        line-height: 20px;
    }
    .contact-top a {
        font-size: 14px;
    }
    .srch li {
        position: fixed;
        right: 19%;
        z-index: 2;
        margin-top: -117px;
    }

    .banner {
        position: relative;
        top: 172px;
    }

    .bnnr img {
        position: relative;
        top: -16px;
    }
    .carousel-inner .item > img {
        height: 187px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, 
    .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 24px;
        height: 24px; 
    }

    .carousel-indicators{
        bottom: -7px;
    }

    .intro-layers {
        top: 30%;
        width: 60%;
    }

    .intro-layers h2 {
        font-size: 11px;
        line-height: 18px;
        background: #1e2732cc;
        padding: 5px 10px;
        font-weight: 400;
    
    }
    .slide-social-icons {
        right: 14%;
        top: 10%;
    
    }
    .slide-social-icons a[class*="fa-"]::before {
        font-size: 16px;
        padding: 10px 5px;
        width: 20%;
    }

    .abt {
        position: relative;
        top: 150px !important;
    }
    .abt-img {
        margin-top: -12px; 
    }
    .abts h1 {
        font-size: 27px;
    }
    .abt .abts p{
        padding: 10px 15px;
        color: #f7f7f7;
    }
    .hr1 {
        width: 20%;
        left: 40%;
    }
    .abts p {
        padding: 0px;
        font-size: 16px;
        line-height: 26px;
        text-align: justify;
    }

    .btn-2 {
        font-size: 14px;
        padding: 8px 20px;
        margin: 8px;
        float: right;
    
    }
    .exp h1 {
        font-size: 115px;
    }
    .exp p {
        font-size: 12px;
    }
    .exp {
        margin-top: -36px;
        margin-bottom: 15px;
    }

    .business {
        margin-top: 105px;
        padding: 50px 5px;
    }
    .business h1 {
        font-size: 27px;
    }
    .units {
        margin: 0px;
        padding: 0px 10px;
    }
    .unit-txt h3 {
        font-size: 18px;
    }
    .unit-txt {
        padding: 15px;
    }
    .unit-txt hr{
        margin-top:16px;
        margin-bottom:18px;
    }
    .unit-txt p {
        font-size: 13px;
    }
    .vsn {
        padding: 60px 2px;
    }

    .msn {
        display: flex;
        flex-direction: column-reverse;
    }

    .msn #accordion .panel-title a {
        padding: 20px 20px 24px 50px;
        font-size: 14px;
    }
    .msn #accordion .panel-title a::before, .msn #accordion .panel-title a.collapsed::before, 
    .msn #accordion .panel-title a::after, .msn #accordion .panel-title a.collapsed::after {
        width: 13px;
        top: 25px;
    }
    #Visn-vdo video {
        width: 100%;
    }
    .export {
        padding: 20px 0px;   
    }

    .export h1 {
        font-size: 27px;
    }
    .export img {
        padding: 0px;
    }
    .counter .title {
        margin-top: 10px;
    }
    .counter .counter-value {
        font-size: 48px;
    }
    .infra {
        padding: 20px 0px;
    }
    .infra h1 {
        font-size: 27px;
    }
    .qoete_title h2{
        font-size: 27px;
        margin-bottom: 0px;
    }
    .qoete_title {
        padding-bottom: 0px;
    }
    .col-form-qoute {
        padding: 0px;
    }
    .col-qoute-button {
        padding-left:10px; 
        padding-top: 7px;
    }
    .call-section.qoute-section {
        padding: 60px 0;
    }
    .ftr-btm-m{
        display: table;
        margin: 0 auto;
    }
    .ftr-btm {
        text-align: center;
    }
    .ftr-txt h3 {
        font-size: 24px;
        margin-bottom: 15px;
        margin-left: 10px;
    }
    .ftr-txt ul li a {
        color: #e3e3e3;
        font-size: 14px;
    }
    .ftr-btm p {
        float: none !important;
    }
    #toTop {
        bottom: 33px;
    }
    .ftr-md ul {
        padding-left: 22px;
    }

    footer {
        background-size: 187% 100%;
        background-position: center;
        background-repeat: no-repeat;
    
    }
    #newsletterForm {
        text-align: center;
    }

    /* -- about-us --  */

    .bnr-txt img{
        margin-top: 172px;
    }
    .caption {
        top: 10%;
        left: 10%;
    }
    .caption h1 {
        font-size: 14px;
        padding: 5px 20px;
    }
    .about-m .service-icon1 {
        /* margin-right: 49.5px;
        margin-top: 3.5px; */
        position: absolute;
        top: 100%;
        left: 14%;
    }
    .about-m .service-icon1 img {
        width: 36%;
        padding-top: 25px;
        padding-left: 7px;
    }
    .about-m .service-icon1::before {
        height: 100px;
        width: 100px;
        position: absolute;
        left: 85px;
        top: 78px;
    }
    .about-m .service-icon1::after {
        height: 107px;
        width: 107px;
        z-index: -2;
        left: 82px;
        top: 75px;
    }
    .about-m .big-service-detail {
        padding: 70px 24px 15px 27px;
    }
    .about-m .big-service-detail > h3 {
        font-size: 29px;
        text-align: center;
        padding-top: 70px;
    }
    
    .vsn-abt .main-timeline .inner-content::before {
        transform: skew(0deg);
    }
    .vsn-abt .main-timeline .timeline ol {
        padding: 0px;
    }
    .intro-video {
        width: 100%;
        height: auto;
        margin: 36px 0px;
    }
    .single-intro-text {
        top: 0px;
    }

    .brdc .breadcrumb {
        letter-spacing: normal;
    }
    .brdc .breadcrumb > li {
        display: initial;
    }

    /* -- ceo -- */

    .tg-bgtwitter {
        margin-top: 20px;
    }
    .hero-bg {
        height: 0px;
    }
    .item-content {
        padding: 0px 0 !important;
    }
    .item-media {
        margin: 20px 0px;
    }
    .cert {
        padding: 50px 0px;
    }
    .c-gutter-60 [class*="col-"], .row.c-gutter-60 > [class*="col-"] {
        padding: 0px;
    }
    .ls.ms {
        padding: 0px !important;
    }
    .career_left_top h1 {
        font-size: 24px;
    }

    .career_right_details {
        padding: 10px 0px;
    }
    .support-section h1 {
        font-size: 42px;
    }
    .prod {
        padding: 0px;
    }
    .prod-lh {
        margin-bottom: -22px;
    }
    
    /* --pigments-- */
    .prod-menu {
        width: 100%;
        height: auto;
        background: none;
        padding: 0px;
    }
    .visible {
        position: relative;
        margin: 0px;
    }
    .visible .col-md-12.services-p .col-md-4 {
        padding: 0px;
    }
    .purchage-acd {
        margin: 20px 0;
    }
    .contact-form1 .form-control {
        font-weight: 400;
    }

    .caption2 {
        left: 15%;
        top: 52%;
    }
    .caption2 h2 {
        font-size: 13px;
        padding: 2px 12px;
    }
    .faqs .nav-tabs > li {
        margin-bottom: 5px;
        width: 100%;
    }

    .ionic-panel #accordion-ion .panel-title a {
        font-size: 14px;
    }
    .ionic-panel #accordion-ion .panel-title::before {
        left: 30px;
    }
    .ftr-logo img {
        width: 87%;
        margin: 0 auto;
        display: block;
        margin-bottom: 10px;
    }
    footer .col-xs-6 {
        width: 100% !important;
    }
    .heading h2 {
        font-size: 33px;
    }
    .right-btns ul li {
        width: 100%;
    }
    .btn-rh {
        width: 100%;
    }
    .mrq {
        bottom:-7%;
    }
    .crsl {
        padding-top: 169px;
    }
    .carousel-indicators {
        bottom: 7px;
    }
    .csr_top {
        padding: 20px;
    }
    .csr_top img {
        min-height: auto !important;
    }
    .csr_bottom_one button{
        top: -10px;
        left: 0%;
        padding: 7px 14px;
    }
    .caption h6 {
        line-height: 18px;
        margin-top: 0px;
    }
    .cp2 {
        top:10%;
        left: 7%;
    }

}

@media screen and (min-width: 320px) and (max-width: 400px){
    .toggle_menu {
        position: relative;
        top: -89px;
        padding: 0px;
        left: 2px;
        z-index: 2;
    }

.contact-top {
    top: 49px;
    position: relative;
    z-index: 2;
    margin-left: 0px;
}

.srch i {
   
    margin-top: 21px;
}


}

@media screen and (min-width: 401px) and (max-width: 460px){

    .contact-top {
        top: 49px;
        position: relative;
        z-index: 2;
        margin-left: 0px;
    }

    .srch i {
   
        margin-top: 21px;
    }

    .toggle_menu {
        position: relative;
        top: -89px;
        padding: 0px;
        left: 2px;
        z-index: 2;
    }



}

@media screen and (min-width: 461px) and (max-width: 480px){

    .contact-top {
        top: 41px;
        position: relative;
        z-index: 2;
        margin-left: 12px;
    }

 

    .srch i {
        font-size: 20px;
        padding: 18px;
        cursor: pointer;
        color: #fff;
        /* top: -43px; */
        margin-top: 14px;
        margin-right: 32px;
    }
.toggle_menu {
    position: relative;
    top: -96px;
    padding: 0px;
    left: -16px;
    z-index: 2;
}



}

@media screen and (min-width: 481px) and (max-width: 600px){

    .contact-top {
        display: flex;
        margin-left: 4px;
    }


}