@media (max-width:1180px)               {
    .container                          { padding: 0 15px; width: 100%; max-width: 100%; overflow-y: hidden;}
    nav ul li a                         { padding: 10px 14px;}
    .contactUsSection                   { min-height: 200px;}
    .contactUsSection p                 { width: 100%;}
    .contactUs                          { width: 90%; overflow: hidden;}

    /* Product Page */
    .proBanner img                      { max-height: 380px;}
    .proBanner                          { height: 380px;}
    .features ul                        { margin: 20px 0; padding: 0 15px;}
    .whySection                         { width: 100%;}
    .whySection li .content             { width: 60%; }
    .formSection                        { width: 100%;}

    /* Product Video */
    .proVodeoGallery ul                 { width: 80%;}
    .proVideoBanner img                 { height: 330px;}

    /* Product Tutorial Video */
    .proTutorialBanner img              { height: 380px; right: 0;}
    .proTutoRialGallery.proVodeoGallery ul{ width: 100%;}
    /* support Page */
    .supportBanner img                      { max-height: 380px;}
    .supportBanner                          { height: 380px;}
}

@media (max-width:1023px)               {
    h1                                  { font-size: 40px; line-height: 44px;}
    h1 span                             { font-size: 24px;}
    .login span                         { display: none;}
    .nav-icon                           { display: block;}
    body                                { transition: all ease-in-out .5s;position: relative;right: 0; }
    .open-menu                          { right: 280px;position: fixed; }
    .open-menu nav                      { right: 0 }
    .open-menu header                   { left: -280px; z-index: 10;}
    .overlay                            { position: fixed;width: 100%;height: 100%;z-index: 7;background-color: rgba(0, 0, 0, .6);top: 0;left: -100% }
    .open-menu .overlay                 { left: 0 }
    .mobileLogo                         { display: block; float: none; padding: 15px; margin: 0;}
    .mobileLogo a img                   { height: 35px;}
    nav                                 { position: fixed;width: 280px;background: #fff; margin: 0; z-index: 8;right: -100%;transition: all ease-in-out .5s;height: 100%;top: 0; }
    nav ul                              { border-top: solid 1px #e7f4ec; margin: 0; }
    nav ul li                           { display: block; width: 100%; float: none; margin: 0; border-bottom: solid 1px #e7f4ec; }
    nav ul li a                         { border-radius: 0;display: block;line-height: 24px;padding: 8px;margin: 0;  }
    .banner,.banner .bannerImg          { height: auto;}
    .contactUsCard                      { padding: 20px;}
    .contactUs img.imgBot               { bottom:58px;}
    .contactUs img.imgTop               { width: auto; height: 200px; }
    .testimonials .testimonials-slider.owl-carousel { width: 90%;}
    .testimonials p                     { padding-bottom: 20px;}
    .testimonials .owl-theme .owl-nav.disabled + .owl-dots { margin: 10px 0;}
    .counter ul li .icon                { width: 60px; height: 60px;}
    .counter ul li .content             { min-width: 110px; font-size: 18px; line-height: 20px; padding: 15px 0 0 0px;}
    .counter ul li .content div         { font-size: 16px; line-height: 20px;}
    .counter ul li img                  { height: 60px;}
    .counter p                          { width: 100%;}
    .opportunitiesSection,.counter      { padding-top: 20px;}
    .counter ul                         { margin: 20px 0;}
    .opportunitiesSection h1            { margin-bottom: 20px;}

    /* Product Page */
    .proBanner                          { margin: 60px 0 0 0;}
    .proBanner img                      { max-height: 250px;}
    .whySection li .navItem             { max-width: 310px;}
    .whySection ul                      { height: 380px;}
    .whySection li a                    { font-size: 20px;}
    .whySection li .content             { width: 54%;}
    .whySection li .content img         { height: 220px;}
    .features ul li a span              { max-height: 160px;}
    .videoSection h2 img                { width: auto; height: 120px;}
    .open-menu .scrollNav               { z-index: 1;}
    /* Blog  */
    .blogBan .container img             { height: 300px;}
    /* support Page */
    .supportBanner                          { margin: 60px 0 0 0;}
    .supportBanner img                      { max-height: 250px;}

    /* Product Video */
    .proVodeoGallery ul                 { width: 90%;}
    .proVodeoGallery ul li .videoLogo   { max-width: 100%;}
    .videoContent a.videoThumb          { width: 260px;}

    /* Product Tutorial Video */
    .proTutorialBanner img              { top: 0; bottom: 0; margin: auto;}
    .proTutorialBanner                  { height: 310px;}
    .proTutoRialGallery.proVodeoGallery ul li { flex-direction: column; padding: 30px; text-align: center; margin: 20px 0;}
    .proTutoRialGallery.proVodeoGallery ul li .videoIcon{ position: relative; left: 0; margin: 0 auto 20px;}
    .aboutBannerContent                 {padding:50px 30px;}
    .aboutBannerContent img             {margin-left:10px;}
}

@media (max-width:767px)                {
    h1                                  { font-size: 34px; line-height: 40px;}
    h2,.operationsContent h3 b.greenTxt{ font-size: 38px; line-height: 42px;}
    h2 small                            { font-size: 36px;}
    h3                                  { font-size: 28px; line-height: 34px;}
    footer .container                   { display: flex; flex-direction: column;}
    .footerContact                      { width: 100%; float: none; display: flex; order: 1; margin-bottom: 10px;  flex-direction: column;}
    .footerContact a                    { width: max-content;}
    .footerAddress                      { width: 100%; float: none; display: flex; flex-direction: column; }
    .contactUs img.imgTop               { height: 160px; bottom: -14px; right: 20px;}
    .contactUs img.imgBot               { bottom: 69px;}
    .contactUs                          { width: 100%;}
    .contactUsSection                   { padding: 10px 20px;}
    .oppoetunitiesSlider                { padding: 10px; text-align: left; flex-direction: column;  border: none;}
    .oppoetunitiesSlider .icon          { width: 90%; margin: 0 auto;}
    .oppoetunitiesSlider ul              { width: 100%; padding-left: 20px;}
    .oppoetunitiesSlider ul li p        { padding-bottom: 10px;}
    .oppoetunitiesSlider.flDirection .icon { order: 0;}
    .counter ul                         { flex-wrap: wrap; margin: 20px auto 0; width: 80%;}
    .counter ul li                      { width: 50%; margin-bottom: 10px;}

    /* Product Page */
    .proBanner                          { height: 300px; }
    .proBanner img                      { max-height: 165px; }
    .operationsContent                  { width: 100%; float: none; display: block;}
    .operations img,.howSection img     { float: none; display: block; width: 100%; max-width: 300px; margin: 15px auto;}
    .videoContent a.videoThumb          { width: 200px; display: block;margin: 10px auto 20px;}
    /* support Page */
    .supportBanner                      { height: 300px; }
    .supportBanner img                  { max-height: 175px; right: 0;}
    .features ul li                     { width: 47.5%;}
    .featureslist ul li{width:100%}
    .howSection                         { margin-bottom: 40px;}
    .whySection li.active .content      { position: static; padding: 0 0 15px 0;}
    .whySection li .navItem             { max-width: 100%; position: relative; }
    .whySection li .content             { width: 100%; }
    .whySection ul                      { height: inherit; margin: 40px 0;}
    .whySection li                      { margin: 0;}
    .whySection li a                    { padding: 15px 0 18px 48px; display: block; text-align: left; border-bottom-color: #c0c2b6;}
    .whySection li a:before             { content: '↓';width: 30px;height: 30px;display: inline-block;border: solid 2px #ffc952;border-radius: 30px;text-align: center;font-size: 20px; line-height: 24px; margin-right: 15px;position: absolute;left: 0;top: 0; bottom: 0; margin: auto; color: #ffc952;}
    .whySection li.active a:before      {transform: rotate(180deg);color: #96d301;border-color: #96d301;}
    .howSection>.content .contentData   { width: 100%;}
    .whySection li .content img         { margin: 20px auto; height: 240px;}
    .howSection>.content                { padding: 0 0 20px 0;   }
    .formSection .enqueryform           { padding: 0; padding-bottom: 30px;}
    .contactSection                     { padding: 40px 0;}

    /* Blog Page */
    .blogBan .bannerContent             { text-align: center; flex-direction: column; }
    .blogBan h2                         { margin: 20px auto;}
    .blogBan .container img             { width: auto; height: 200px;}

    /* Product Video */
    .proVideoBanner img                 { height: 145px; bottom: 100px;}
    .proVodeoGallery                    { padding: 30px 0 10px 0;}
    .proVodeoGallery ul                 { width: 100%; text-align: center; margin: 10px 0 0 0;}
    .proVodeoGallery ul li              { padding: 20px !important; margin: 20px 0;}
    .proVodeoGallery ul li .videoIcon   { position: relative; right: auto !important; top: auto !important; left: auto !important; bottom: auto !important; display: block; margin: 30px auto 20px;}

}

@media (max-width:599px)                {
    h1 span                             { font-size: 16px; line-height: 16px; margin: 0;}
    h1,h2,.operationsContent h3 b.greenTxt{ font-size: 24px;line-height: 30px;}
    h2 small                            { font-size: 24px; }
    h3                                  { font-size: 20px;line-height: 26px; margin-bottom: 10px;}
    h4                                  { font-size: 18px;line-height: 24px; }
    p                                   { font-size: 16px; line-height: 22px;}
    .wrapper                            { padding-top: 50px;}
    .button,button.button               { font-size: 14px;min-width: 140px;height: 36px;line-height: 34px;}
    .logo a img                         { height: 30px; }
    .login                              { padding: 6px 12px; font-size: 16px;}
    .banner h2                          { margin-top: 20px;}
    .banner ul li                       { margin: 0 5px;}
    .nav-icon                           { margin: 10px 0 0 10px;}
    .counter ul                         { flex-direction: column; margin: 0; width: 100%; }
    .counter ul li                      { justify-content: center; margin: 10px auto; width: 200px;}
    .counter p                          { padding: 10px 0;}
    .opportunitiesSection               { padding-bottom: 20px;}
    .oppoetunitiesSlider ul li p        { padding-bottom: 5px;}
    .testimonials img                   { height: 40px;}
    .testimonials h3                    { margin: 10px 0;}
    .commentRegards                     {font-size: 18px; }
    .contactUsCard                      { padding: 0; box-shadow: 0px 3px 5px 1px #efefef; margin: 10px; flex-direction: column; border: none;text-align: center; }
    .contactUsCard p                    { padding-bottom: 10px; min-height: 80px;}
    .contactUsSection                   { width: 100%; min-height: inherit;border: none;}
    .contactUs .contactUsSection:nth-child(2) { order: -1;border-bottom: solid 2px #e7f4ec; padding-bottom: 20px; margin-bottom: 10px;}
    .contactUs img.imgTop               { height: 130px; bottom: -20px; right: 10px;}
    .contactUs img.imgBot               { bottom: 52px;}
    .contactUsSection .button           { max-width: 150px; margin: 0 auto;}
    .contactUs                          { padding: 10px 0 80px 0;}
    .footerContact a                    { font-size: 18px;}
    #html5-lightbox-box                 { width: 90% !important; /*height: 100% !important;*/}
    .enqueryform                        { padding: 0 5px;}
    .enqueryform h4                     { font-size: 17px; padding-left: 35px; background-size: 35px;margin-top:0px;}
    .input-block                        { margin-bottom: 25px; }
    .getInTouch                         { flex-direction: column;}
    .getInForm                          { width: 100%; padding: 20px 0 20px 0;}
    .getInMap                           { width: 100%; height: 80px;}
    .tabsy p                            { font-size: 13px;}
    .getInTouch .contactContent         { width: 100%; }
    .getInTouch img                     { width: 100%; height: 80px;}
    .chat-button                        { width: 67px; height: 50px;}
    .opportunitiesSection .owl-carousel .owl-nav button.owl-prev, .opportunitiesSection .owl-carousel .owl-nav button.owl-next { top: 23%;}
    /* Product Page */
    .proBanner                          { height: inherit; margin: 50px 0 0 0; text-align: center;}
    .proBanner img                      { margin-bottom: 10px; position: static;}
    .scrollNav ul li                    { margin: 0 8px;}
    .proBannerContent p                 { width: 100%; text-align: center; padding: 10px 0;}
    .proBannerContent a                 { margin: 0;}
    .operations                         { text-align: center;}
    .features ul                        { margin-bottom: 0;}
    .features ul li                     { width: 100%;}
    .videoSection h2 img                { height: 80px; margin: 0 0 10px 10px;}
    .videoContent                       { width: 100%; border: none; border-bottom: solid 2px #d8d8d8; padding: 20px 0;}
    .videoblock                         { flex-direction: column; margin: 0;}
    .howSection h2                      { margin: 0;}
    .whySection h2 br,.howSection h2 br { display: none;}
    .whySection >p                      { width: 100%; padding: 15px 0 0 0;}
    .whySection ul                      { margin: 30px 0;}
    .whySection li a                    { font-size: 18px; line-height: 22px;}
    .whySection li .content img         { height: 160px;}
    .whySection li .content p           { text-align: center;}
    .howSection ul li a                 { font-size: 20px;}
    .scrollNav                          { top: 50px;  }
    .scrollNav ul                       { padding: 10px 0; }
    .scrollNav.sticky ul                { padding: 0 0 4px 0; border-radius: 0 0 0 15px;}
    .stickIt                            { margin-top: -60px;}
    .contactSection                     { padding: 30px 0;}
    .formSection .getInForm             { padding: 0;}
    .contactSection p                   { margin: 0;}
    .formSection .enqueryform           { padding: 0;}
    .formSection iframe                 { height: 200px; position: absolute; bottom: 0;}
    .formSection                        { position: relative; padding-bottom: 230px;}
    /* support Page */
    .supportBanner                      { height: inherit; margin: 50px 0 0 0; text-align: center;}
    .supportBanner img                  { margin-bottom: 10px; position: static;margin: auto;}
    .supportBannerContent h2            { padding: 100px 0 0 0px; position: absolute;left:9%;}

    /* About */
    .jointeam div                       { padding: 20px 0;}
    section                             { padding: 30px 0;}
    .aboutBanner                        { padding: 25px 0 0 0;}
    .aboutBannerContent ul              {  margin: 10px 0 30px 0;}
    .aboutBannerContent                 { padding: 0; box-shadow: none; text-align: center; }
    .aboutBannerContent h2              { display: inline-block; margin-bottom: 20px;}
    .aboutBannerContent img             { max-width: 80%;}
    .careers                            { text-align: center;}
    /* Product Video */
    .proVodeoGallery ul li .videoIcon   {  width: 100%; height: 140px; background-size: 100px;}

    /* Product Tutorial Video */
    .proTutoRialGallery.proVodeoGallery ul li { width: 100%; margin: 10px 0;}
    .proTutoRialGallery.proVodeoGallery ul li .videoIcon { width: 100%;  height: 140px;}

}
@media (max-width:480px)                {
    .supportBannerContent h2            { padding: 100px 0 0 0px; position: absolute;left:auto;;}
}