@media (min-width: 1981px) and (max-width: 2560px) {
   .progressBarContainer{top:-60px;left:100px;}
}

@media (min-width: 1801px) and (max-width: 1980px) {
    .progressBarContainer{left:-60px;}

}

@media (min-width: 1681px) and (max-width: 1800px) {
   .container{max-width: 1440px;}
   .progressBarContainer{left: -200px;}
   .service-banner-slider .item{height: 750px;}

}

@media (min-width: 1600px) and (max-width: 1680px) {
    .container{max-width: 1440px;}
    .progressBarContainer{left: -200px;}
}

@media (min-width: 1441px) and (max-width: 1599px) {
    

}

@media (min-width: 1400px) and (max-width: 1440px) {

}

@media (min-width: 1300px) and (max-width: 1366px) {

}

@media (min-width: 1300px) {

}

@media (min-width: 1201px) and (max-width: 1440px) {
    .modal-dialog {
        margin: 6.75rem auto;
    }
    .heading,
    .counter-box .counting,
    .counter-box .count {font-size: 38px;}
    .title {font-size: 26px;}
    .cyber-security-section .diagram {width: 1100px;}
.latest-section .event-area {
     border: 1px solid #fff;
    border-radius: 20px;
    padding: 40px;
    width: 70%;
    margin: 0 0 0 100px ;
    height: 350px;
}
.latest-section .slick-slideshow__slide .inner-item {flex-direction: column;}
.latest-section .slick-slideshow__slide .inner-item .slide-img {
    border-radius: 20px;
    width: 100%;
    margin-right: 20px;
    height: 250px;
    object-fit: cover;
}
.progressBarContainer {left: -210px;top: -160px;}
.mega-menu{width: 1100px;    height: 500px;}
.resource-section .resource-box .resource-title {font-size: 22px;}
.mega-menu .menu-container .mega-content .menu-title,
.mega-menu .menu-container .related-blogs .blog-title {font-size: 24px;}
.mega-menu .menu-container .column a {font-size: 16px;}
.mega-menu .menu-container .sidebar .menu-list li a {font-size: 14px;}
.cyber-security-section .diagram {height: 550px;}
}

/* @media (min-width: 768px) and (max-width: 1200px) {

} */

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

    
}
@media (min-width: 1200px) and (max-width: 1200px) {
   
}

@media (min-width: 768px) and (max-width: 991px) {
    
   .solution-detail-section {
    padding: 50px 0;
}
.ibm-verify{
    padding-bottom: 50px;
}
.ibm-services {
    padding-top: 50px;
}
.key-benefit {
    padding-top: 50px;
}
.blog-section {
    padding: 50px 0;
    margin-top: 80px;
}
    
    

}



@media (max-width: 1024px) {
.flip-container {height: 550px;}
.services .nav-container {
    overflow-y: scroll;
}
.progressBarContainer {left: -180px;top: -170px;}
.home-banner-section .banner-item img {
    width: 100%;
    height: 550px;
    object-fit: contain;
    position: relative;
}
.heading {font-size: 36px;}
.home-banner-section .banner-content {
    position: absolute;
    width: 800px;
    top: 65%;
}
.counter-section {
    position: relative;
    padding: 80px 0;
}
.cyber-security-section .diagram {
    width: 790px;
    margin: 0 auto;
    height: 340px;
}
.second-blog-box {
    display: none;
}
.resource-section .resource-box {margin: 0 20px 30px;}
.faq-area {padding: 0px 0px;}
.company-section.trust {
    padding: 60px 0;
}
.footer-section .privacy-box, .footer-section .privacy-box a,
.footer-section .copyright-content p {
    color: #fff;
    text-align: center;
}
.bottom-privacy .privacy-box {
    text-align: left;
}
.latest-section .img-box{width: 400px;}
.plateform-slide-1 {height: 600px;width: 680px;}
.cyber-security-section .diagram {width: 990px;}
.plateform-slide-1 {height: 440px;width: 500px;}
.plateform-content {
    height: 255px !important;
}
.icon-8 {top: 70%;}
.icon-7 {top: 80%;}
.icon-1 {left: 36%;}
.icon-12 {
    top: 13%;
    left: 22%;
}
.icon-11 {
    top: 30%;
    left: 11%;
}
.icon-10 {
    top: 47%;
    left: 15%;
}

.main-menu .list-inline {
    display: none;
}
  .blog-wrapper { display: none; }
  .mobile-blog-slider { display: block; }
  .main-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
}
.footer-section .footer-box .menu-social a {
    font-size: 20px;
}
.footer-section .footer-box ul { margin-left: 0;}
.footer-section .bottom-privacy .footer-box p {
    margin-top: 0;
    display: none;
}
.footer-social {justify-content: end;}
.rightmenu-link .default-btn {
    display: none;
}
.hamburger-menu {
    color: #fff;
    margin-right: 20px;
    margin-bottom: 20px;
}
.hamburger-menu{display: block;}
.hidden-xs {
    display: none;
}
.contact-office-section .p-5{
    padding: 0 !important;
}
.blog-image {width: 100%;margin-bottom: 20px;}
.blog-text {
    margin-bottom: 30px;
    opacity: 60%;
}
.blog-section .pink-abs-img, .blog-detail-box .pink-abs-img,
.event-detail-section .pink-bg,
.event-detail-section .blue-bg2,
.event-detail-section .blue-bg1 {width: 200px;height: 120px;}
.blog-image {margin-right: 0;}
.event-detail-section {
            margin-top: 30%;
        padding-bottom: 20px;
}
.slick-dots{z-index: 99;}
.sticky-panel {margin-top: 20px;}
figure.wp-block-image.size-full {
    margin-top: 50px;
}
.blog-section.recent-blog .default-btn {margin-top: 50px;}
.blog-detail-box {padding: 60px 0 80px;}
.speaker-section .title.text-left {
    margin-bottom: 30px;
}

.boundries-section .stats-wrapper .states-box{
    margin: 10px 20px;
    box-shadow: #f8f9fab0 0px 5px 15px;
}
.about-mission .tab-content .tab-pane.active{display: block;}
.boundries-section .stats-wrapper {padding-bottom: 40px;}
.platform-integration {
    padding: 80px 0 40px;
}
.service-content .align-items-center {
    justify-content: space-between;
}
.slider .slide {height: 800px;}
.slider .slider-container{height: auto;}
.service-content #why .blog-slider {margin-top: 30px;}
.breach-popup .booking-image .img-responsive {
    height: 500px;
    width: 100%;
    object-fit: cover;
}
.booking-image .img-responsive {
    height: 500px;
    width: 100%;
    object-fit: cover;
}
.modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto;
}

.solution-detail-section {
    padding: 50px 0;
}
.ibm-verify{
    padding-bottom: 50px;
}
.ibm-services {
    padding-top: 50px;
}
.key-benefit {
    padding-top: 50px;
}
.blog-section {
    padding: 50px 0;
    margin-top: 80px;
}


}


@media (max-width: 992px) {
    .flip-container {height: 450px;}
.progressBarContainer {left: -180px;top: -170px;}
.home-banner-section .banner-item img {
    width: 100%;
    height: 550px;
    object-fit: contain;
    position: relative;
}
.heading {font-size: 36px;}
.home-banner-section .banner-content {
    position: absolute;
    width: 800px;
    top: 65%;
}
.counter-section {
    position: relative;
    padding: 80px 0;
}
.cyber-security-section .diagram {
    width: 790px;
    margin: 0 auto;
    height: 340px;
}
.second-blog-box {
    display: none;
}
.resource-section .resource-box {margin: 0 20px 30px;}
.faq-area {padding: 0px 0px;}
.company-section.trust {
    padding: 60px 0;
}
.footer-section .privacy-box, .footer-section .privacy-box a,
.footer-section .copyright-content p {
    color: #fff;
    text-align: center;
}
.bottom-privacy .privacy-box {
    text-align: left;
}
.latest-section .img-box{width: 400px;}
.plateform-slide-1 {height: 600px;width: 680px;}
.icon-8 {
    top: 84%;
    left: 37%;
}
.icon-1 {
    top: 30px;
    left: 38%;
}
.icon-2 {
    top: 30px;
    left: 58%;
}

.main-menu .list-inline {
    display: none;
}
  .blog-wrapper { display: none; }
  .mobile-blog-slider { display: block; }
  .main-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
}
.footer-section .footer-box .menu-social a {
    font-size: 20px;
}
.footer-section .footer-box ul { margin-left: 0;}
.footer-section .bottom-privacy .footer-box p {
    margin-top: 0;
    display: none;
}
.footer-social {justify-content: end;}
.rightmenu-link .default-btn {
    display: none;
}
.hamburger-menu {
    color: #fff;
    margin-right: 20px;
    margin-bottom: 20px;
}
.hamburger-menu{display: block;}
.hidden-xs {
    display: none;
}
.contact-office-section .p-5{
    padding: 0 !important;
}
.blog-image {width: 100%;margin-bottom: 20px;}
.blog-text {
    margin-bottom: 30px;
    opacity: 60%;
}
.blog-section .pink-abs-img, .blog-detail-box .pink-abs-img,
.event-detail-section .pink-bg,
.event-detail-section .blue-bg2,
.event-detail-section .blue-bg1 {width: 200px;height: 120px;}
.blog-image {margin-right: 0;}
.event-detail-section {
    margin-top: 30%;
    padding-bottom: 20px;
}
.slick-dots{z-index: 99;}
.sticky-panel {margin-top: 20px;}
figure.wp-block-image.size-full {
    margin-top: 50px;
}
.blog-section.recent-blog .default-btn {margin-top: 50px;}
.blog-detail-box {padding: 60px 0 80px;}
.speaker-section .title.text-left {
    margin-bottom: 30px;
}

.boundries-section .stats-wrapper .states-box{
    margin: 10px 20px;
    box-shadow: #f8f9fab0 0px 5px 15px;
}
.about-mission .tab-content .tab-pane.active{display: block;}
.boundries-section .stats-wrapper {padding-bottom: 40px;}
.platform-integration {
    padding: 80px 0 40px;
}
.service-content .align-items-center {
    justify-content: space-between;
}
.slider .slide {height: 800px;}
.slider .slider-container{height: auto;}
.service-content #why .blog-slider {margin-top: 30px;}
.breach-popup .booking-image .img-responsive {
    height: 500px;
    width: 100%;
    object-fit: cover;
}
.booking-image .img-responsive {
    height: 500px;
    width: 100%;
    object-fit: cover;
}
.modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto;
}




}

@media (min-width: 600px) and (max-width: 767px) {
    .solution-detail-section {
    padding: 50px 0;
}
.ibm-verify{
    padding-bottom: 50px;
}
.ibm-services {
    padding-top: 50px;
}
.key-benefit {
    padding-top: 50px;
}
.blog-section {
    padding: 50px 0;
    margin-top: 80px;
}
}

@media (max-width: 767px) {
.blog-detail-box .blog-content .blog-img {height: auto;}
.event-in-listing .blog-image,
.event-in-listing .blog-content {width: 100%;}
.events-webinars .blog-item-wrapper.event-in-listing {
    padding: 20px;
}
.home-banner-section .banner-content p{color:#fff;}
.events-webinars .slick-dots {position: relative;bottom: 40px;}
.ibm-features .pink-bg {
    position: absolute;
    top: 0px;
    left: 0;
    opacity: 1;
    z-index: -1;
    filter: blur(0px);
    height: 700px;
    width: 380px;
}
.solution-detail-section {
    padding: 30px 0;
}
.schdule-call {margin-top: 20%;}
.schdule-call .card-title {
    text-align: center !important;
}
.solutions .nav-link {width: 50%;        padding: 10px 0;}
#v-pills-tabContent {
    margin-top: 40px;
}
.service-icon-abs {
    display: none;
}
.testimonial-text .read-more-btn {
    border: none;
}
.services .nav-container{
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;    
  justify-content: start;         /* Firefox */
  scrollbar-color: #00c0ff transparent; /* Firefox */
}
.services .nav-container::-webkit-scrollbar {
  height: 6px; /* horizontal scrollbar height */
}

.services .nav-container::-webkit-scrollbar-track {
  background: transparent;
}

.services .nav-container::-webkit-scrollbar-thumb {
  background-color: #00c0ff;
  border-radius: 10px;
}
.services .nav-container .nav-link {
  flex: 0 0 auto; /* keep links from shrinking */
  padding: 10px 15px;
}
.solutions .flex-column{flex-direction: row !important;}
.solution-detail-section {
    padding: 50px 0;
}
.ibm-verify{
    padding-bottom: 50px;
}
.ibm-services {
    padding-top: 50px;
}
.key-benefit {
    padding-top: 50px;
}
.blog-section {
    padding: 50px 0;
    margin-top: 80px;
}
}

@media (min-width: 576px) and (max-width: 599px) {
    
}

@media (max-width: 599px) {

.clients-section,
.company-section.mou-section {
    padding: 160px 0 80px;
}
.flip-container {height: 460px;}
.breach-popup .booking-image .img-responsive {
    height: 300px;
    object-fit: cover;
}
.modal-dialog {
    max-width: 400px;
}
.data-breach-section .breach-form {
    text-align: center;
}
.slider .slide {height: 100%;}
.progressBarContainer {
    position: relative;
    rotate: 0deg;
    bottom: -60px;
    width: 100%;
    left: 0;
    top: -40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    box-sizing: border-box;
}
.service-banner-slider .item{background-image: url(./../images/red-team-mobile.webp);height: 100%;}
.about-slider.blog-section {
    padding: 0px 0;
    margin-top: 80px;
}
.platform-integration {
    padding: 80px 0 0px;
}

.about-mission.mission-section {
        padding: 100px 0;
        margin-top: 80px;
    }
.service-listing {
    background-image: url(./../images/service-listing-mobile-bg.png);
    height: 600px !important;

}
.team-page .col-md-8.text-left {
    text-align: center !important;
}
.blog-item-wrapper{
    border: none;
}
.key-benefit {
    padding-top: 50px;
}
.partner-section.solution-page {
    padding-top: 50px;
}
.ibm-features .slick-dots {
    bottom: -50px;
}
.team-page .blue-bg1 {
    width: 200px;
    height: 730px;
}
section.team-cards{
    padding: 60px 20px;
}
.team-page h5,
.team-page p,
.modal-title {
    text-align: center !important;
}
.model-footer.text-left {
    text-align: center !important;
}
.team-image {
    padding: 50px 20px 30px;
}
.modal-open .modal {
    margin-top: 50% !important;
}
button.close {
    position: absolute;
    top: -100px;
    right: 20px;
    background-color: transparent;
    border: 0;
}
.solution-detail-section img{
    margin-top:30px;}
    .first-blog-box.blog-slider .resource-box:nth-child(3) {
    display: block;
}
.case-study-section .blog-image img {
    width: 100%;
    height: 100%;
}
.event-listing .blue-bg1 {

    width: 340px;
    height: 280px;

}
.service-content ul {
    padding-left: 15px;

}
.benifit .slick-track{padding-bottom: 40px;}
.service-content .card-title{font-size: 20px;}
.benifit.service-content .blog-slider{
    margin-top: 50px !important;
}
.methodo .blue-bg4 {
    position: absolute;
    top: 0;
}
.event-listing .blue-bg2 {
    width: 200px;
    height: 570px;
}
.event-slider .event-slider-item {flex-direction: column;}
.event-listing .abc {
    margin-top: 10%;
    margin-bottom: 20px;
    text-align: left;
}
.col-md-9.pl-5.col-6 {
    padding-left: 0 !important;
}
.data-breach-section {padding: 5px;}
.mob-padding{padding: 0;}
.home-banner-section .banner-content {top: 60%;}
.stick {padding: 10px 0px;}
.counter-box .count-title{font-size: 14px;}
.thumb { width: 90px;height: 80px;}
.heading,.blog-detail-box .wp-block-heading {font-size: 28px;}
.title {font-size: 20px !important;}
.logo a img {width: 150px !important;}
.home-banner-section .banner-item img {
    width: 100%;
    object-fit: cover;
}
.home-banner-section .banner-item{position: relative;}
.home-banner-section .banner-item:before {
    content: '';
    position: absolute;
    background-color: #0000002b;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.partner-section .row {padding: 20px 20px 0;}
.home-banner-section .header-content,.home-banner-section .banner-content {
    width: 90%;
    z-index: 10;
}
.resource-section .resource-box .resource-title {
    font-size: 16px;
}
.resource-section .resource-content {
    top: 60%;
}
.resource-section {
    position: relative;
    padding: 60px 0;
}
.faq-area{
        padding: 0;
}
.faq-accord .card-header button span {font-size: 16px;}
.sponcer-section .company-imgs{width: 90px !important;}
.counter-box .counting, .counter-box .count {font-size: 30px;margin-bottom: 5px;}
.contact-entity .card {margin-bottom: 30px;}
.plateform-slide-1 {height: 360px;width: 100%;}
.cyber-security-section svg {
    width: 100%;
    height: auto;
}
.cyber-security-section .diagram {
    width: auto;
    margin: 20px auto 0;
    height: 150px;
}
.counter-section {
    position: relative;
    padding: 50px 0;
}
.company-section .company-slider .company-imgs {width: 100px !important;}
.company-slider {
    margin-top: 0;
}
.plateform-content {
    height: 300px !important;
}
#img-container {margin-left: 0;}
.copyright-content p{
    text-align: center;
}
.footer-section .privacy-box {
    text-align: left;
}
.resource-section .resource-box{margin: 0 10px 20px;}
.slick-dots .slick-active, .slick-dots .slick-active button {
    background: #fff;
    width: 50px;
    height: 4px;
    border-radius: 20px;
}
.slick-dots li button{padding: 2px;}
.slick-dots li{
    width: 10px;
}

.read-more {
    visibility: visible;
    opacity: 1;
    display: block;
    background-color: transparent;
    border: 1px solid #fff;
    padding: 8px 10px;
    border-radius: 50px;
    color: #fff;
}

#img-container .img-content {
    display: flex
;
    align-items: flex-start;
    justify-content: flex-start;}
#img-container .img-box{
    padding: 20px;
    margin: 10px 20px;
    box-shadow: #f8f9fab0 0px 5px 15px;
}
#img-container .img-content {flex-direction: column;}
.latest-section .img-box{margin: 0;height: 300px;}
.platform-section .devider-img {
    width: 250px;
    
}
#img-container .img-content p{font-size: 16px;text-align: left;}
.plateform-item img {
    width: 21px;
    height: 21px;
}

.latest-section {
    padding: 0 15px 80px 15px;
}
.cyber-security-section .pink-abs-img,
.why-trust-section .pink-abs-img,
.footer-section .pink-abs-img,
.footer-section .blue-abs-img,
.platform-section .pink-abs-img,
.contact-page-section .blue-bg {width: 200px;height: 400px;}
.contact-page-section .pink-bg {
    filter: blur(150px);
    height: 1000px;
    width: 450px;
}
.trust .pink-abs-img {
    width: 300px;
    height: 300px;
}
.partner-section .pink-abs {
    position: absolute;
    right: 0;
    top: 0;
    filter: blur(90px);
    opacity: 0.9;
    width: 220px;
    height: 400px;
    z-index: -1;
    rotate: 0deg;
}
.trust .blue-abs-img {
    width: 300px;
    height: 300px;
}
.counter-section .blue-abs-img {
    width: 300px;
    height: 200px;
}
.partner-shield .partner-img {
    width: 200px;
    height: 200px;
}
.company-section.trust {
    padding: 60px 0;
}
.company-section .company-slider .company-img {
    width: 110px !important;
    height: 110px;
}
.partner-section {padding: 0 15px;}
.resource-section .second-blog-box .resource-box img {
    height: auto;
}
.mb-5, .my-5 {
    margin-bottom: 0rem !important;
}
.cyber-security-section {
    padding: 20px 0 0;
}
.sponcer-section.brands {
    position: relative;
    padding: 80px 0 0;
}
.company-section {
    position: relative;
    padding: 60px 0 0;
}
.career-section {
    padding: 150px 0 0;
}
.career-listing .btn {
    font-size: 18px;
}
.why-trust-section {
    position: relative;
    padding: 50px 0;
}
.tab-wrapper{padding: 10px;}
.home-banner-section .banner-item .desktop{
  display: none;
}
.why-trust-section .slick-dots {
    bottom: -55px;
}
.nav-bar .left-abs {
    width: 1000px;
    height: 120px;
}
.home-banner-section .banner-item .mobile{
  display: block;
}
.icon-11{left: 6%;top:33%;}
.icon-1{top: 15px;        left: 35%;}
.icon-10 {
    top: 51%;
    left: 9%;
}

.icon-2 {
    top: 16px;
    left: 54%;
}
.icon-4 {
    top: 33%;
    left: 80%;
}
.icon-5 {
    top: 52%;
    left: 77%;
}
.icon-6 {
    top: 69%;
    left: 69%;
}
.icon-7 {
    top: 80%;
    left: 56%;
}
.icon-8{
    top: 80%;
            left: 36%;
}
.icon-9 {
    top: 72%;
    left: 20%;
}
.icon-3 {
    top: 13%;
}
.footer-section .copyright-content .privacy-box {
    text-align: center;
}
.resource-section.desktop .second-blog-box{display: none;}
.about-section {
    padding: 200px 0;
}
.boundries-section img {width: 100px;height: 100px;}
.blog-section .blog-wrap{box-shadow: #f8f9fab0 0px 5px 15px;width: 100%;margin: 0 0 30px;}
.contact-office-section .contact-form.p-3 {
    padding: 3rem !important;
}
.about-section {
    position: relative;
    background-image: url(../images/about-us-banner-mob.webp);

}
.boundries-section {
    padding: 60px 0;
}
.boundries-section img {
    margin-top: -110px;
}
.boundries-section .stats-wrapper {
    padding-bottom: 30px;
}
.boundries-section .stats-wrapper .states-box{
    margin: 10px 20px;
    box-shadow: #f8f9fab0 0px 5px 15px;
}
.right-wrapper .states-title {
    height: 62px;
}
section.mission-section {padding: 10px 0;}
.mission-content,
.mission-content .subtitle,
.mission-content .heading,.mission-content .main-content{
    text-align: left;
}
.platform-integration {
    padding: 20px 0 0;
}
.platform-integration {
    position: relative;
    overflow: hidden;
    padding: 60px 0 30px;
}
.blog-item-wrapper {flex-direction: column;}
.blog-detail-box .blog-title {
    text-align: left;
    font-size: 28px;
}
.booking-image .img-responsive {
    height: 300px;
    width: 100%;
    object-fit: cover;
}
.slider .blue-bg {

    height: 300px;
    width: 200px;
}
.slider .slider-container {
    position: relative;
    width: 100%;
    height: 100%;
}
.slider .pink-bg {
    position: absolute;
    top: unset;
    right: 0;
    opacity: 1;
    z-index: -1;
    filter: blur(0px);
    height: 400px;
    width: 300px;
    bottom: -240px;
}
section.nav-bar.page-margin{
    margin-top: 50px;
}
.service-content {
    padding-top: 50px;
}
.blog-section.bottom-blog {
    padding-top: 60px;
}
.methodo {
    padding-top: 50px;
}
.benifit .card-style-2 {
    width: 100%;
    height: 500px;
    margin-top: 50px;
}
.benifit .btn-margin {
    margin-top: 0;
}
.service .nav-tabs .card-here {
    width: 20rem;
    border-radius: 10px;
}
/* .service-content .text-center,
.service-content .top-title,
.service-content .heading{
    text-align: left !important;
} */
 .service .card, .service-box{margin-bottom: 30px;}
.blog-detail-box .blue-abs-img.third,
.blog-detail-box .blue-abs-img.second,
.blog-detail-box .blue-abs-img,
.blog-detail-box .pink-abs-img.fourth {

    width: 200px;
    height: 250px;

}
.ibm-services {
    padding-top: 50px;
}
.ibm-verify {
    padding-bottom: 50px;
    padding-top: 50px;
}
.bottom-image .short-blog-img {
    position: absolute;
    bottom: -50px;
    right: 0;
    width: 200px;
}
.blog-section.bottom-blog .default-btn {
    margin-top: 40px;
}
.benifit .card-expose{width: 100%;}
.benifit .card-expose {
    padding: 20px 20px;
    min-height: 450px;
}
.methodo .image-6 {
    width: 20%;
    margin: 5% auto;
}
.nav-bar .nav-container {display: -webkit-box;}
}


@media (min-width: 350px) and (max-width: 575px) {
   .plateform-content {
        height: 330px !important;
    }
        .plateform-item img {
        width: 25px;
        height: 25px;
    }
    .plateform-slide-1 {
        height: 340px;
        width: 100%;
    }
    .icon-12 {top: 13%;left: 17%;}

}
@media (min-width: 320px) and (max-width: 349px) {
    .plateform-content {
        height: 330px !important;
    }

}

@media (min-width: 400px) and (max-width: 575px) {
    .cyber-security-section .diagram {
        width: auto;
        margin: 20px auto 0;
        height: 150px;
    }
        .plateform-slide-1 {
               height: 370px;
        width: 100%;
        }

    }
    @media (min-width: 430px) and (max-width: 431px) {
        .plateform-slide-1 {
               height: 380px;
        width: 100%;

    }
}
@media (min-width: 390px) and (max-width: 391px) {
        .plateform-slide-1 {
        height: 340px;
        width: 100%;
    }
}