/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/



/* Small Mobile Layout: 480px. */
@media only screen and (min-width: 240px) and (max-width: 480px)  {
    nav{margin-right: 0!important;}
    .inner-nav {
        max-width: 100%;
        position: relative;
        top: 63px;
    }
    .imageBrightness{
        height: 79vw;
    }


    .package{    width: 100%;    font-size: 14px;}
    .top-nav{height: 65px;overflow: visible}
    .top-nav ul{padding: 0;}
    .bottom-nav{    height: 43px;}
    .language{ left: -5px;  }
    .language img{
        top:12px;}
    .main-owl .owl-nav {  display: none;  }
    .main-owl .owl-dots{top:-15px;}
    .main-owl .owl-dots .owl-dot span, .partners .owl-dots .owl-dot span, .services .owl-dots .owl-dot span{
        width: 5px;
        height: 5px;
    }
    #header .logo .logo-1{
        width: 113px;
        height: 60px;
        top: -48px;
    }
    #header .logo .logo-2{
        width: 44px;
        height: 40px;
        top: -121px;
        background-size: 62%;


    }
    .top-nav ul li a:first-child{
        padding-right:0;
    }
    #header, #header.header-scrolled .bottom-nav{
        height: 70px;
        /*height: 100px;*/

    }
    #header.header-scrolled .bottom-nav .logo .logo-2{
        width: 55px;
        height: 55px;
        top: -39px;
        background-size: 89%;
    }
    /*#main{   top:109px;  }*/

    .section-header p {
        padding-bottom: 20px;
        font-size: 18px;
        text-align: justify;
        line-height: 30px;}
    .section-header h3{    font-size: 20px;}
    #about{   padding: 25px 10px 0px 10px; top:70px;}
    #about .content{padding: 0px 0 15px 0;}
    /*#about img{width: 95%;}*/
    #about .about-l-1,
    #about .about-l-2,
    #about .about-l-3,
    #about .about-l-4{
        width: 100%;
        text-align: justify;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 16px;
        list-height:27px;
    }
    #about .about-l-1{padding-top: 15px;}
    #about .about-l-1,#about .about-l-2{margin-bottom: 20px;}
    #services {  padding: 15px 0 0px 0;  }
    #services{    box-shadow: none;  }
    #services .content{padding: 15px 0;}
    #services .box{  padding: 30px;  margin: 0 10px 40px 10px;  }
    #services .icon img{width: 30%;}
    #services .title {  font-size: 20px;  margin: 25px 0;  }
    #services .description { font-size: 16px;  line-height: 27px;  height: 100%;}
    #contact{padding: 0vw 0 8vw 0;}
    #contact .footer-top{
        padding:15px 10px;

    }
    #contact .footer-top h4{font-size: 30px;}
    #contact .footer-top .info-title{    font-size: 20px;}
    #contact .footer-top .info-dec{font-size: 14px;     margin: 0 0 10px 0;}
    #contact .footer-top .social-links p{font-size: 20px;}
    #contact .footer-top .social-links a{    font-size: 18px;    margin-left: 7px;}





    /*#footer{  position: relative;      top: 109px;}*/
    #footer .copyright{    font-size: 12px;
        padding: 10px 0;}
    #footer .main-footer-links .footer-links-right ul, #footer .main-footer-links .footer-links-left ul{
        display: flex;
        width: 100%;
        margin: 0 auto;
        /*padding-top: 10px;*/
    }
    footer .main-footer-links .footer-links-right ul li a, footer .main-footer-links .footer-links-left ul li a{
        top:0;}
    footer .main-footer-links .footer-links-right ul li{
        font-size: 14px;
        padding: 9px;
    }
    footer .main-footer-links .footer-links-left ul li{
        padding-right: 13px;
        font-size: 23px;
    }
    .partners .owl-nav{  display: none;  }
    .top-nav .package ul li.active a::before{
        display: none;
    }
    .top-nav .package ul li.active a{
        color: var(--bold-success-color)
    }

}
@media only screen and (min-width: 481px) {
    /*-----------------------  Scroll Bar ---------------------------*/
    /* width */
    ::-webkit-scrollbar {  width: 8px;  }
    /* Track */
    ::-webkit-scrollbar-track {  background: #f1f1f1;  }
    /* Handle */
    ::-webkit-scrollbar-thumb {  background: #58585a;  }
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {  background: #727274;  }
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 481px) and (max-width: 767px)  {
    .imageBrightness{
        height: 369px;
    }
    nav{margin-right: 0!important;}
    /*.inner-nav {*/
    /*!*display: table-row;*!*/
    /*max-width: 100%;*/
    /*position: relative;*/
    /*top: 67px;*/
    /*!*left: 17px;*!*/
    /*}*/
    .package{    width: 100%;    font-size: 14px;}
    .top-nav{height: 65px;padding:0px 5%;overflow: visible;}
    .top-nav ul{
        /*padding: 0 10%;*/
        padding: 0;
    }
    .top-nav ul li a:first-child{  padding-right:0;  }
    .bottom-nav{    height: 43px;}
    #header, #header.header-scrolled .bottom-nav{
        height: 70px;
    }
    #header .logo .logo-1{
        width: 113px;
        height: 60px;
        top: -46px;
        background-size: 90%;
    }
    #header .logo .logo-2{
        width: 44px;
        height: 40px;
        top: -121px;
        left: 4px;
        background-size: 62%;
    }
    /*#header.header-scrolled .logo .logo-2{*/
        /*width: 55px;*/
        /*height: 55px;*/
        /*top: -39px;*/
        /*background-size: 89%;*/
    /*}*/

    .inner-nav {
max-width: 95%;
        position: relative;
        top: 63px;
    }

    #main{  position: relative;  top:109px;  }
    .section-header p {
        padding-bottom: 20px;
        font-size: 18px;
        text-align: justify;
        line-height: 30px;}
    .section-header h3{    font-size: 30px;}
    #about{    padding: 30px 15px 30px 15px;    }
    #about .content{padding: 15px 0 15px 0;}
    /*#about img{width: 95%;}*/
    #about .about-l-1,
    #about .about-l-2,
    #about .about-l-3,
    #about .about-l-4{
        text-align: justify;
        /*padding-left: 15px;*/
        /*padding-right: 15px;*/
        font-size: 16px;
        width: 100%;
    }
    #about .about-l-1{padding-top: 0px;}
    #about .about-l-1,#about .about-l-2{margin-bottom: 40px;}
    #services {  padding: 30px 0 30px 0;  }
    #services{    box-shadow: none;  }
    #services .box{  padding: 30px;  margin: 0 10px 40px 10px;     }
    #services .icon img{width: 25%;}
    #services .title {  font-size: 20px;  margin: 25px 0;  }
    #services .description { font-size: 16px;  line-height: 27px;height: 100%;   }
    #contact{padding: 0 15px;}
    #contact .footer-top{
        padding:25px 0;
        height:450px;
        /*background-image: url(../img/footer-bg.png);*/
        /*background-repeat: no-repeat;*/
        /*background-position: 50% 100%;*/
        /*background-size: 96%;*/
    }
    #contact .footer-top h4{font-size: 30px;}
    #contact .footer-top .info-title{    font-size: 20px;}
    #contact .footer-top .info-dec{font-size: 14px;     margin: 0 0 10px 0;}
    #contact .footer-top .social-links p{font-size: 20px;}
    #contact .footer-top .social-links a{    font-size: 18px;    margin-left: 7px;}
    /*#footer{  position: relative;     top: 109px;}*/
    #footer .copyright{    font-size: 14px;}
    #footer .main-footer-links .footer-links-right ul, #footer .main-footer-links .footer-links-left ul{
        display: flex;
        width: 100%;
        margin: 0 auto;
        /*padding-top: 10px;*/
    }
    footer .main-footer-links .footer-links-right ul li a, footer .main-footer-links .footer-links-left ul li a{
        top:0;}
    footer .main-footer-links .footer-links-right ul li{
        font-size: 14px;
        padding: 10px;
    }
    footer .main-footer-links .footer-links-left ul li{
        padding-right: 13px;
        font-size: 23px;
    }
    .top-nav .package ul li.active a::before{
        display: none;
    }
    .top-nav .package ul li.active a{
        color: var(--bold-success-color);
    }

}

@media (max-width: 768px) {  .back-to-top {  display: none!important;  }  }

@media (max-width: 767px) {  .section-header p {  width: 100%;  }  }
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px){
    nav{margin-right: 0!important;}
    .inner-nav {
        /*display: table-row;*/
        max-width: 100%;
        position: relative;
        top: 67px;
        /*left: 17px;*/
    }
    .bottom-nav{    height: 43px;}
    .package{    width: 50%;    font-size: 14px;}
    .top-nav{height: 65px;padding:0px 5%;overflow-y: visible}
    .top-nav ul li a:first-child{
        padding-right:0;
    }
    .top-nav ul{padding: 0;}

    #header, #header.header-scrolled .bottom-nav{
        height: 70px;
    }
    #header .logo .logo-1{
        width: 113px;
        height: 60px;
        top: -46px;
        background-size: 90%;
    }
    #header .logo .logo-2{
        width: 44px;
        height: 40px;
        top: -121px;
        left: 4px;
        background-size: 62%;
    }
    /*#header.header-scrolled .logo .logo-2{*/
        /*width: 55px;*/
        /*height: 55px;*/
        /*top: -39px;*/
        /*background-size: 89%;*/
    /*}*/

    #main{  position: relative;  top:109px;  }
    .section-header p {
        padding-bottom: 20px;
        font-size: 18px;
        text-align: justify;
        line-height: 30px;}
    .section-header h3{    font-size: 30px;}
    #about{    padding: 30px 0 30px 0;}
    #about .content{padding: 15px 0 15px 0;}
    /*#about img{width: 95%;}*/
    #about .about-l-1,
    #about .about-l-2,
    #about .about-l-3,
    #about .about-l-4{
        text-align: justify;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 18px;
    }
    #about .about-l-1{padding-top: 15px; width: 100%}
    #about .about-l-1,#about .about-l-2{margin-bottom: 40px;}
    #services {  padding: 30px 0 30px 0;  }
    #services{    box-shadow: none;  }
    #services .box{  padding: 30px;  margin: 0 10px 40px 10px;  }
    #services .icon img{width: 25%;}
    #services .title {  font-size: 20px;  margin: 25px 0;  }
    #services .description { font-size: 16px;  line-height: 27px; height: 100%;  }
    #contact{padding: 6vw 0 7vw 0;}
    #contact .footer-top{
        padding:25px 0;
        height:500px;
        /*background-image: url(../img/footer-bg.png);*/
        /*background-repeat: no-repeat;*/
        /*background-position: 50% 100%;*/
        /*background-size: 96%;*/
    }
    #contact .footer-top h4{font-size: 30px;}
    #contact .footer-top .info-title{    font-size: 20px;}
    #contact .footer-top .info-dec{font-size: 14px;     margin: 0 0 10px 0;}
    #contact .footer-top .social-links p{font-size: 20px;}
    #contact .footer-top .social-links a{    font-size: 18px;    margin-left: 7px;}
    /*#footer{  position: relative;     top: 109px;}*/
    #footer .copyright{    font-size: 14px;}
    #footer .main-footer-links .footer-links-right ul, #footer .main-footer-links .footer-links-left ul{
        display: flex;
        width: 100%;
        margin: 0 auto;
        /*padding-top: 10px;*/
    }
    footer .main-footer-links .footer-links-right ul li a, footer .main-footer-links .footer-links-left ul li a{
        top:0;}
    footer .main-footer-links .footer-links-right ul li{
        font-size: 14px;
        padding: 10px;
    }
    footer .main-footer-links .footer-links-left ul li{
        padding-right: 13px;
        font-size: 23px;
    }
}

@media (max-width: 991px) {
    #header,#header.header-scrolled, #header.header-pages {

    }
    #header .logo img,
    #header.header-scrolled .logo img{margin:0;  max-height: 56px;}
}

@media (min-width: 992px){.container {  max-width: 75vw;  }}

@media only screen and (min-width: 992px) and (max-width: 1200px){
    #header.header-scrolled .logo .logo-2 {
        top: -39px;
        background-size: 93%;}
    #header .logo .logo-2{background-position: 2px 0px;}
    #services .description{
        font-size: 1.5vw;
        line-height: 2.5vw;
        height: 100%;}
}

@media (min-width: 1200px){  .container {  max-width: 75vw;  } }

@media (min-width: 1401px){
    #top-banner nav .breadcrumb .breadcrumb-item.active{font-size: var(--middle-font-size)}
    .back-to-top{
        width: 3vw;
        height: 3vw;
        font-size: 1.1vw;
        right: 0.97vw;
        bottom: 0.97vw;
    }
    .back-to-top i{padding-top: 0.78vw;}
    /*#main{top: 6.65vw;}*/
    /*#header{height: 6.65vw;}*/
    /*.top-nav{height: 3vw;  }*/
    .language{left:0.5vw}
    .language a{top: 0.65vw;  font-size: 1vw;}
    /*.package{width: 45vw;}*/
    /*.top-nav ul li a{    padding: 0 0.9vw;  top: 0.7vw;    font-size: 1.02vw;}*/
    /*.bottom-nav{    height: 3.65vw;}*/
    /*#footer{top: 6.5vw;}*/
}

@media only screen and (max-width: 480px) and (min-width: 240px){
    .header{display: block}
    #header .logo{top: -57px;  width: 118px;  right: 1vw;}
    .container {  max-width: 90vw !important;  }
    .bottom-nav,.top-nav .inner-nav{  display: none;  }
    #main{top:0;}

    #top-banner,#lvs-section, #it-section, #is-section{  height:350px;background-size: cover;}
    #top-banner .top-bar-titles .page-title{  font-size: 20px;  }
    #top-banner nav .breadcrumb .breadcrumb-item a{  font-size: 15px;  }
    #top-banner nav .breadcrumb-item+.breadcrumb-item::before{width: 20px;  height: 10px;}

    .business-page #business-about{padding: 20px 0}
    .business-page #business-about P{font-size: 15px;  margin: 12px auto;width: 100%;}
    .business-page #lvs-section{background-position: 20% top;}
    .business-page #lvs-section .details .title, #it-section .details .title, #is-section .details .title{  font-size: 20px;  margin-bottom: 15px;  }
    .business-page #lvs-section .details .desc, #it-section .details .desc, #is-section .details .desc{  font-size: 15px;  margin-bottom: 20px;  }
    .business-page #lvs-section .details .btn-more, #it-section .details .btn-more, #is-section .details .btn-more{
        padding: 5px 5px;
        width: 40%;
        font-size: 12px;
        border: 1px solid var(--bold-success-color);
    }
    .business-page #lvs-section .details, #it-section .details, #is-section .details{top: 115px;}
    #lvs-section{  height: 350px!important;  background-size: cover!important;  }
    .personal-page #package-services, .business-page #package-services{padding: 30px 0}
    .personal-page #package-services .service-details img, .business-page #package-services .service-details img{ width: 45px;  margin: 0 auto;  display: block; }
    .personal-page #package-services .service-details p, .business-page #package-services .service-details p {font-size: 15px;  width: 80%;  float: none;  text-align: center;  margin: 6px auto;}
    .personal-page #package-services .row .col-sm-12,.business-page #package-services .row .col-sm-12{  padding: 10px 0;  }
    .personal-page #contact-us p, .business-page #contact-us p{  font-size: 15px;  text-align: center;  }
    .personal-page #contact-us .icon ul li, .business-page #contact-us ul li{width: 25%;}

    footer .main-footer-links{  padding: 20px 0;  }
    footer .main-footer-links ul{font-size: 15px;}
    footer .main-footer-links ul li{font-size: 10px}
    footer .main-footer-links ul li i{font-size: 10px}
    footer .main-footer-links .btn-more{
        padding: 3px 2px;
        width: 70px;
        font-size: 10px;
        border-radius: 0;
        border: 1px solid var(--bold-success-color);
    }
    footer .iso-logo ul li{  width: 16%;  height: 50px;}
    footer .iso-logo ul li:last-child{  width: 20%;  }
    footer .iso-logo ul li .iso-img{width: 100%}
    footer .iso-logo ul li .ieee-img{width: 100%;margin: 8px 0;}
    footer .main-footer-links .col-6{  padding-left: 0px;  }
    footer .main-footer-links .col-6:nth-child(2){  padding-right:0px;  }
    #footer .copyright{font-size: 10px;}
    #random{display: none}

    #business-plane-detail {
        padding: 30px 0;
        width: 95%;
        display: block;
        margin: 0 auto;
    }
    #business-plane-detail .bs-plane-desc{
        text-align: justify;
        font-size: 15px;
        width: 100%;
    }
    #business-plane-detail .bs-plane-desc-list{  font-size: 15px;  }
    #business-plane-detail .bs-plane-desc-list li{
        font-size: 15px;
        text-align: justify;
    }
    #business-plane-detail .btn-plane-select{
        padding: 5px 5px;
        width: 40%;
        font-size: 12px;
        border: 1px solid
    }

    #business-plane .business-service-link{  width:100%;}
    #business-plane .business-service-link .img-container{width: 100%;  height: auto; }
    #business-plane .business-service-link:hover .hover {  opacity: 0;  }
    #business-plane .business-service-link .business-service{  margin-top: 12px;  }
    #business-plane .business-service-link .business-service .bs-service-title{font-size: 15px}
    #business-plane .business-service-link .business-service .bs-service-desc {  font-size: 13px;  width: 100%;}


    .job-page #job {  padding: 30px 0;  }
    .job-page #job .section-header h3{  font-size: 20px;  }
    .job-page #job label{font-size: 15px!important;}
    .job-page #job .form-btn{
        padding: 5px 5px;
        width: 100%;
        font-size: 12px;
        border: 1px solid var(--bold-success-color);
    }

    .support-page #support {  padding: 30px 0;  }
    .support-page #support .section-header h3{font-size: 20px;}
    .support-page #support .transformer-tabs a{font-size:15px;}
    .support-page #support .transformer-tabs a.active{border-bottom: 5px solid transparent;}
    .support-page #support .form-btn{
        padding: 5px 5px;
        width: 100%;
        font-size: 12px;
        border: 1px solid var(--bold-success-color);
    }
    .support-page #support label{font-size: 15px!important;}
    .transformer-tabs a{  font-size: 16px;  }

    .partners-page #our-partners {  padding:0 0 30px 0;  }
    .partners-page #partners-about {  padding: 30px 0;  }
    .partners-page #partners-about P{font-size: 15px;width: 100%}
    .partners-page #our-partners .partner-details .content .partner-icon{  width: 100px;  height: 90px;  }
    .partners-page #our-partners .partner-details .content .details .title{font-size: 15px;}
    .partners-page #our-partners .partner-details .content .details .website-link{font-size: 10px;}
    .partners-page #our-partners .partner-details .content .details hr{top:-5px;}
    .partners-page #our-partners .partner-details .content .details .desc{font-size: 14px;}
    .partners-page #our-partners .partner-details .content{height: 400px;}
    .partners-page #our-partners .partner-details .row {  margin: 20px auto;  }
    .partners-page #our-partners .partner-details .row .col-12{    margin: 0 0 10px 0;}


    .customers-page #customers-about {  padding: 30px 0;  }
    .customers-page #customers-about .desc {  font-size: 15px;  width: 100%;  }
    .customers-page #customer-icon{padding:0 0 30px 0}
    .customers-page #customer-icon .content{height: 400px;}
    .customers-page #customer-icon .content .row .col-6{padding: 0}
    .customers-page #customer-icon .content .icon{  width: 110px;  height: 90px;  margin: 10px auto;background-size: 100%;}

    .contact-page #contact {  padding: 30px 0;  }
    .contact-page #contact .contact-desc .title{font-size: 20px;}
    .contact-page #contact .contact-desc .info .info-title, .contact-page #contact .contact-desc .social-links p,.contact-page #contact .contact-desc .info .info-desc{font-size: 15px;}
    .contact-page #contact .contact-desc .social-links p{margin-bottom: 10px}
    .contact-page #contact .contact-desc .social-links a{    font-size: 20px;}



    .training-page #t-contact-us, .training-page #training-about{padding: 30px 0;font-size: 15px}
    .training-page #training-about .t-main-content {  width: 100%;  font-size: 15px;}
    .training-page #t-cisco, .training-page #t-pv{  padding: 30px 0;  background-size: cover;  height: 350px;  }
    .training-page #t-cisco .t-c-block, .training-page #t-pv .t-p-block{width: 100%;left: 0;    top: 15px;}
    .training-page #t-cisco .t-c-title-1, .training-page #t-pv .t-p-block .t-c-title-1{width: 190px;
        font-size: 15px;}
    .training-page #t-cisco .t-c-title-2, .training-page #t-pv .t-p-block .t-c-title-2{font-size: 10px;width: 55%}
    .training-page #t-cisco .t-c-block hr, .training-page #t-pv .t-p-block hr{width: 55%}
    .training-page #t-contact-us .btn-main{  padding: 5px 10px;  width: 97px;  font-size: 15px;  }

    .about-us-page #who-we-are{padding: 30px 0}
    .about-us-page #who-we-are .about-desc .title{  font-size: 20px;  }
    .about-us-page #who-we-are .about-desc .desc, .about-us-page #who-we-are .about-desc #collapseExample{font-size: 15px}
    .about-us-page #who-we-are .about-desc .btn-more{font-size: 15px}
    .about-us-page #who-we-are .about-desc{margin-bottom: 20px;}
    .about-us-page #who-we-are .who-we-are-img img{width: 100%;}
    .about-us-page #who-we-are .who-we-are-img .our-mark{width: 115px;  height:53px;margin: 0;  top:130px;}
    .about-us-page #who-we-are .who-we-are-img .our-mark img{width: 95px;  margin: 16px auto;}
    .about-us-page #vision{  padding: 30px 0;  background-size: cover;  height: 350px;margin-bottom: 15px;    background-position: 31% 50%;}
    .about-us-page #vision .details .title, .about-us-page #mission .details .title{  font-size: 20px; margin-bottom: 15px }
    .about-us-page #vision .details .desc{  font-size: 15px;margin-bottom: 0;  }
    .about-us-page #mission .mission-img{height: 350px;}
    .about-us-page #mission .mission-text{padding: 30px;}
    .about-us-page #contact-us p, .business-page #contact-us p{text-align: center}

    .personal-page #contact-us p, .business-page #contact-us p, .about-us-page #contact-us p {
        font-size: 15px;
        text-align: center;
    }
    .personal-page #contact-us .icon ul li, .business-page #contact-us ul li, .about-us-page #contact-us ul li {
        width: 25%;
    }
    .about-us-page #mission .mission-text .mission-1 .m-title, .about-us-page #mission .mission-text .mission-1 .m-dec{font-size: 15px;width: 100%}

}
@media only screen and (max-width: 767px) and (min-width: 480px){
    .hamburger-menu{padding: 8px 25px;}
    .header{display: block}
    #header .logo{top: -57px;
        width: 118px;
        right: 1vw;}
    .container {
        max-width: 90vw !important;
    }
    .bottom-nav,.top-nav .inner-nav {  display: none;  }
    #main{top:0;}

    #top-banner,#lvs-section, #it-section, #is-section{  height:350px;background-size: cover;}
    #top-banner .top-bar-titles .page-title{  font-size: 20px;  }
    #top-banner nav .breadcrumb .breadcrumb-item a{  font-size: 15px;  }
    #top-banner nav .breadcrumb-item+.breadcrumb-item::before{width: 20px;  height: 10px;}
    .business-page #business-about{padding: 30px 0}
    .business-page #business-about P{font-size: 15px;  margin: 12px auto;width: 75%;}
    .business-page #lvs-section{background-position: 20% top;}
    .business-page #lvs-section .details .title, #it-section .details .title, #is-section .details .title{  font-size: 20px;  margin-bottom: 15px;  }
    .business-page #lvs-section .details .desc, #it-section .details .desc, #is-section .details .desc{  font-size: 15px;  margin-bottom: 20px;  }
    .business-page #lvs-section .details .btn-more, #it-section .details .btn-more, #is-section .details .btn-more{
        padding: 5px 5px;
        width: 30%;
        font-size: 15px;
        border: 1px solid var(--bold-success-color);
    }
    .business-page #lvs-section .details, #it-section .details, #is-section .details{top: 115px;}
    #lvs-section{  height: 350px!important;  background-size: cover!important;  }
    .personal-page #package-services, .business-page #package-services{padding: 30px 0}
    .personal-page #package-services .service-details img, .business-page #package-services .service-details img{   width: 45px;  margin: 0 auto;  display: block; }
    .personal-page #package-services .service-details p, .business-page #package-services .service-details p {font-size: 15px;  width: 50%;  float: none;  text-align: center;  margin: 6px auto;}
    .personal-page #package-services .row .col-sm-12,.business-page #package-services .row .col-sm-12{  padding: 10px 0;  }
    .personal-page #contact-us, .business-page #contact-us{padding: 30px 0}
    .personal-page #contact-us p, .business-page #contact-us p{  font-size: 15px;  text-align: center;  }
    .personal-page #contact-us .icon ul li, .business-page #contact-us ul li{width: 25%;}
    footer .main-footer-links{  padding: 20px 0;  }
    footer .main-footer-links ul{font-size: 15px;}
    footer .main-footer-links ul li{font-size: 10px}
    footer .main-footer-links ul li i{font-size: 10px}
    footer .main-footer-links .btn-more{
        padding: 3px 2px;
        width: 70px;
        font-size: 10px;
        border-radius: 0;
        border: 1px solid var(--bold-success-color);
    }
    footer .iso-logo ul li{  width: 16%;  height: 50px;}
    footer .iso-logo ul li:last-child{  width: 20%;  }
    footer .iso-logo ul li .iso-img{width: 75%}
    footer .iso-logo ul li .ieee-img{width: 100%;margin: 8px 0;}
    footer .main-footer-links .col-6{  padding-left: 0px;  }
    footer .main-footer-links .col-6:nth-child(2){  padding-right:0px;  }
    #footer .copyright{font-size: 10px;}
    #random{display: none}

    #business-plane-detail {
        padding: 30px 0;
        width: 95%;
        display: block;
        margin: 0 auto;
    }
    #business-plane-detail .bs-plane-desc{
        text-align: justify;
        font-size: 15px;
        width: 100%;
    }
    #business-plane-detail .bs-plane-desc-list{  font-size: 15px;  }
    #business-plane-detail .bs-plane-desc-list li{
        font-size: 15px;
        text-align: justify;
    }
    #business-plane-detail .btn-plane-select{
        padding: 5px 5px;
        width: 40%;
        font-size: 12px;
        border: 1px solid
    }

    #business-plane .business-service-link{  width:100%;}
    #business-plane .business-service-link .img-container{width: 100%;  height: auto; }
    #business-plane .business-service-link:hover .hover {  opacity: 0;  }
    #business-plane .business-service-link .business-service{  margin-top: 12px;  }
    #business-plane .business-service-link .business-service .bs-service-title{font-size: 15px}
    #business-plane .business-service-link .business-service .bs-service-desc {  font-size: 13px;  width: 100%;}

    .job-page #job {  padding: 30px 0;  }
    .job-page #job .section-header h3{  font-size: 20px;  }
    .job-page #job label{font-size: 15px!important;}
    .job-page #job .form-btn{
        padding: 5px 5px;
        width: 100%;
        font-size: 12px;
        border: 1px solid var(--bold-success-color);
    }


    .support-page #support {  padding: 30px 0;  }
    .support-page #support .section-header h3{font-size: 20px;}
    .support-page #support .transformer-tabs a{font-size:15px;}
    .support-page #support .transformer-tabs a.active{border-bottom: 3px solid transparent;}
    .support-page #support .form-btn{
        padding: 5px 5px;
        width: 100%;
        font-size: 12px;
        border: 1px solid var(--bold-success-color);
    }
    .support-page #support label{font-size: 15px!important;}
    .transformer-tabs a{  font-size: 16px;  }


    .partners-page #our-partners {  padding:0 0 30px 0;  }
    .partners-page #partners-about {  padding: 30px 0;  }
    .partners-page #partners-about P{font-size: 15px;width: 100%}
    .partners-page #our-partners .partner-details .content .partner-icon{  width: 150px;  height: 90px;  }
    .partners-page #our-partners .partner-details .content .details .title{font-size: 15px;}
    .partners-page #our-partners .partner-details .content .details .website-link{font-size: 10px;}
    .partners-page #our-partners .partner-details .content .details hr{top:-5px;}
    .partners-page #our-partners .partner-details .content .details .desc{font-size: 14px;}
    .partners-page #our-partners .partner-details .content{height: 400px;}
    .partners-page #our-partners .partner-details .row {  margin: 20px auto;  }
    .partners-page #our-partners .partner-details .row .col-12{    margin: 0 0 10px 0;}


    .customers-page #customers-about {  padding: 30px 0;  }
    .customers-page #customers-about .desc {  font-size: 15px;  width: 100%;  }
    .customers-page #customer-icon{padding:0 0 30px 0}
    .customers-page #customer-icon .content{height: 400px;}
    .customers-page #customer-icon .content .row .col-6{padding: 0}
    .customers-page #customer-icon .content .icon{  width: 105px;  height: 90px;  margin: 10px auto;background-size: 100%;}


    .contact-page #contact {  padding: 30px 0;  }
    .contact-page #contact .contact-desc .title{font-size: 20px;}
    .contact-page #contact .contact-desc .info .info-title, .contact-page #contact .contact-desc .social-links p,.contact-page #contact .contact-desc .info .info-desc{font-size: 15px;}
    .contact-page #contact .contact-desc .social-links p{margin-bottom: 10px}
    .contact-page #contact .contact-desc .social-links a{    font-size: 20px;}


    .training-page #t-contact-us, .training-page #training-about{padding: 30px 0;font-size: 15px}
    .training-page #training-about .t-main-content {  width: 100%;  font-size: 15px;}
    .training-page #t-cisco, .training-page #t-pv{  padding: 30px 0;  background-size: cover;  height: 350px;  }
    .training-page #t-cisco .t-c-block, .training-page #t-pv .t-p-block{width: 90%;left: 0;    top: 55px;}
    .training-page #t-cisco .t-c-title-1, .training-page #t-pv .t-p-block .t-c-title-1{font-size: 20px;width: 50%}
    .training-page #t-cisco .t-c-title-2, .training-page #t-pv .t-p-block .t-c-title-2{font-size: 12px;width: 50%}
    .training-page #t-cisco .t-c-block hr, .training-page #t-pv .t-p-block hr{width: 50%}
    .training-page #t-contact-us .btn-main{  padding: 5px 10px;  width: 97px;  font-size: 15px;  }


    .about-us-page #who-we-are{padding: 30px 0}
    .about-us-page #who-we-are .about-desc .title{  font-size: 20px;  }
    .about-us-page #who-we-are .about-desc .desc, .about-us-page #who-we-are .about-desc #collapseExample{font-size: 15px}
    .about-us-page #who-we-are .about-desc .btn-more{font-size: 15px}
    .about-us-page #who-we-are .about-desc{margin-bottom: 20px;}
    .about-us-page #who-we-are .who-we-are-img img{width: 100%;}
    .about-us-page #who-we-are .who-we-are-img .our-mark{width: 115px;  height:53px;margin: 0;  top: 88%;}
    .about-us-page #who-we-are .who-we-are-img .our-mark img{width: 95px;  margin: 16px auto;}
    .about-us-page #vision{  padding: 30px 0;  background-size: cover;  height: 350px;margin-bottom: 15px;    background-position: 31% 50%;}
    .about-us-page #vision .details .title, .about-us-page #mission .details .title{  font-size: 20px; margin-bottom: 15px }
    .about-us-page #vision .details .desc{  font-size: 15px;margin-bottom: 0;  }
    .about-us-page #mission .mission-img{height: 350px;}
    .about-us-page #mission .mission-text{padding: 30px;}
    .about-us-page #mission .mission-text .mission-1 .m-title, .about-us-page #mission .mission-text .mission-1 .m-dec{font-size: 15px;width: 100%}
    .about-us-page #contact-us p, .business-page #contact-us p{text-align: center}
    .about-us-page #contact-us ul li {  width: 25%;  }
    .about-us-page #mission .mission-text .mission-1 .m-icon{width: 10%}


    #partners {  padding: 30px 0;  }
    #partners .section-header h3{font-size: 20px;}
    #partners .partners{  height: 90px;  }
    #partners .partners .item{height: 80px;}
    #partners .partners .item img{  width: 75%;  }
    .partners .owl-nav{display: none;height: 0}
    #partners .partners .owl-dots {  position: relative;  top: 0px;  }
}
@media only screen and (max-width: 991px) and (min-width: 768px){
    .imageBrightness{
        height: 300px;
    }
    .header{display: block}
    .hamburger-menu{padding: 0px 25px;}
    #header .logo{top: -57px;
        width: 118px;
        right: 1vw;}
    .container {
        max-width: 80vw !important;
    }
    .bottom-nav,.top-nav .inner-nav {  display: none;  }
    #main{top:0;}

    #top-banner,#lvs-section, #it-section, #is-section{  height:350px;background-size: cover;}
    #top-banner .top-bar-titles .page-title{  font-size: 20px;  }
    #top-banner nav .breadcrumb .breadcrumb-item a{  font-size: 15px;  }
    #top-banner nav .breadcrumb-item+.breadcrumb-item::before{width: 20px;  height: 10px;}
    .business-page #business-about{padding: 30px 0}
    .business-page #business-about P{font-size: 15px;  margin: 12px auto;width: 75%;}
    .business-page #lvs-section .details .title, #it-section .details .title, #is-section .details .title{  font-size: 20px;  margin-bottom: 15px;  }
    .business-page #lvs-section .details .desc, #it-section .details .desc, #is-section .details .desc{  font-size: 15px;  margin-bottom: 20px;  }
    .business-page #lvs-section .details .btn-more, #it-section .details .btn-more, #is-section .details .btn-more{
        padding: 5px 5px;
        width: 45%;
        font-size: 15px;
        border: 1px solid var(--bold-success-color);
    }
    .business-page #lvs-section .details, #it-section .details, #is-section .details{top: 100px;}
    #lvs-section{  height: 350px!important;  background-size: cover!important;  }
   .business-page #package-services .service-details img{width: 40px;  margin-top: 15px;  margin-right: 12px; }
    .personal-page #package-services .service-details img{width: 40px;  margin-top: 4px;  margin-right: 12px;}
    .personal-page #package-services .service-details p, .business-page #package-services .service-details p { font-size: 15px;  width: 95%;}
    .business-page #package-services .row .col-sm-12{  padding: 20px 0;  }
    .personal-page #contact-us, .business-page #contact-us{padding: 30px 0}
    .personal-page #contact-us p, .business-page #contact-us p{  font-size: 15px;  text-align: center;  }
    .personal-page #contact-us .icon ul li, .business-page #contact-us ul li{width: 25%;}
    footer .main-footer-links{  padding: 20px 0;  }
    footer .main-footer-links ul{font-size: 15px;}
    footer .main-footer-links ul li{font-size: 10px}
    footer .main-footer-links ul li i{font-size: 10px}
    footer .main-footer-links .btn-more{
        padding: 3px 2px;
        width: 70px;
        font-size: 10px;
        border-radius: 0;
        border: 1px solid var(--bold-success-color);
    }
    footer .iso-logo ul li{  width: 12%;  height: 50px;}
    footer .iso-logo ul li:last-child{  width: 16%;  }
    footer .iso-logo ul li .iso-img{width: 95%}
    footer .iso-logo ul li .ieee-img{width: 100%;margin: 8px 0;}
    footer .main-footer-links .col-6{  padding-left: 0px;  }
    footer .main-footer-links .col-6:nth-child(2){  padding-right:0px;  }
    #footer .copyright{font-size: 10px;}
    #random{display: none}

    #business-plane-detail {
        padding: 30px 0;
        width: 95%;
        display: block;
        margin: 0 auto;
    }
    #business-plane-detail .bs-plane-desc{
        text-align: justify;
        font-size: 15px;
        width: 100%;
    }
    #business-plane-detail .bs-plane-desc-list{  font-size: 15px;  }
    #business-plane-detail .bs-plane-desc-list li{
        font-size: 15px;
        text-align: justify;
    }
    #business-plane-detail .btn-plane-select{
        padding: 5px 5px;
        width: 40%;
        font-size: 12px;
        border: 1px solid
    }

    #business-plane .business-service-link{  width:100%;}
    #business-plane .business-service-link .img-container{width: 100%;  height: auto; }
    #business-plane .business-service-link:hover .hover {  opacity: 0;  }
    #business-plane .business-service-link .business-service{  margin-top: 12px;  }
    #business-plane .business-service-link .business-service .bs-service-title{font-size: 15px}
    #business-plane .business-service-link .business-service .bs-service-desc {  font-size: 13px;  width: 100%;}

    .job-page #job {  padding: 30px 0;  }
    .job-page #job .section-header h3{  font-size: 20px;  }
    .job-page #job label{font-size: 15px!important;}
    .job-page #job .form-btn{
        padding: 5px 5px;
        width: 100%;
        font-size: 12px;
        border: 1px solid var(--bold-success-color);
    }


    .support-page #support {  padding: 30px 0;  }
    .support-page #support .section-header h3{font-size: 20px;}
    .support-page #support .transformer-tabs a{font-size:15px;}
    .support-page #support .form-btn{
        padding: 5px 5px;
        width: 100%;
        font-size: 12px;
        border: 1px solid var(--bold-success-color);
    }
    .support-page #support label{font-size: 15px!important;}
    .transformer-tabs a{  font-size: 16px;  }



    .partners-page #our-partners {  padding:0 0 30px 0;  }
    .partners-page #partners-about {  padding: 30px 0;  }
    .partners-page #partners-about P{font-size: 15px;width: 100%}
    .partners-page #our-partners .partner-details .content .partner-icon{  width: 100%;  height: 90px;  }
    .partners-page #our-partners .partner-details .content .details .title{font-size: 15px;}
    .partners-page #our-partners .partner-details .content .details .website-link{font-size: 10px;}
    .partners-page #our-partners .partner-details .content .details hr{top:-5px;}
    .partners-page #our-partners .partner-details .content .details .desc{font-size: 14px;}
    .partners-page #our-partners .partner-details .content{height: 400px;}
    .partners-page #our-partners .partner-details .row {  margin: 20px auto;  }
    .partners-page #our-partners .partner-details .row .col-12{    margin: 0 0 10px 0;}


    .customers-page #customers-about {  padding: 30px 0;  }
    .customers-page #customers-about .desc {  font-size: 15px;  width: 100%;  }
    .customers-page #customer-icon{padding:0 0 30px 0}
    .customers-page #customer-icon .content{height: 400px;}
    .customers-page #customer-icon .content .row .col-6{padding: 0}
    .customers-page #customer-icon .content .icon{  width: 150px;  height: 90px;  margin: 10px auto;background-size: 100%;}


    .contact-page #contact {  padding: 30px 0;  }
    .contact-page #contact .contact-desc .title{font-size: 20px;}
    .contact-page #contact .contact-desc .info .info-title, .contact-page #contact .contact-desc .social-links p,.contact-page #contact .contact-desc .info .info-desc{font-size: 15px;}
    .contact-page #contact .contact-desc .social-links p{margin-bottom: 10px}
    .contact-page #contact .contact-desc .social-links a{    font-size: 20px;}



    .training-page #t-contact-us, .training-page #training-about{padding: 30px 0;font-size: 15px}
    .training-page #training-about .t-main-content {  width: 100%;  font-size: 15px;}
    .training-page #t-cisco, .training-page #t-pv{  padding: 30px 0;  background-size: cover;  height: 350px;  }
    .training-page #t-cisco .t-c-block, .training-page #t-pv .t-p-block{width: 100%;left: 0;    top: 40px;}
    .training-page #t-cisco .t-c-title-1, .training-page #t-pv .t-p-block .t-c-title-1{font-size: 20px}
    .training-page #t-cisco .t-c-title-2, .training-page #t-pv .t-p-block .t-c-title-2{font-size: 12px;width: 90%}
    .training-page #t-cisco .t-c-block hr, .training-page #t-pv .t-p-block hr{width: 80%}
    .training-page #t-contact-us .btn-main{  padding: 5px 10px;  width: 97px;  font-size: 15px;  }


    .about-us-page #who-we-are{padding: 30px 0}
    .about-us-page #who-we-are .about-desc .title{  font-size: 20px;  }
    .about-us-page #who-we-are .about-desc .desc, .about-us-page #who-we-are .about-desc #collapseExample{font-size: 15px}
    .about-us-page #who-we-are .about-desc .btn-more{font-size: 15px}
    .about-us-page #who-we-are .about-desc{margin-bottom: 20px;}
    .about-us-page #who-we-are .who-we-are-img img{width: 100%;}
    .about-us-page #who-we-are .who-we-are-img .our-mark{width: 115px;  height:53px;margin: 0;  top: 88%;}
    .about-us-page #who-we-are .who-we-are-img .our-mark img{width: 95px;  margin: 16px auto;}
    .about-us-page #vision{  padding: 30px 0;  background-size: cover;  height: 350px;margin-bottom: 15px;    background-position: 50% 50%;}
    .about-us-page #vision .details .title, .about-us-page #mission .details .title{  font-size: 20px; margin-bottom: 15px }
    .about-us-page #vision .details .desc{  font-size: 15px;margin-bottom: 0;  }
    .about-us-page #mission .mission-img{height:inherit;background-size: 195%;  background-position: 50% 66%;}
    .about-us-page #mission .mission-text{padding: 30px;}
    .about-us-page #mission .mission-text .mission-1 .m-title, .about-us-page #mission .mission-text .mission-1 .m-dec{font-size: 15px;width: 100%}
    .about-us-page #contact-us p, .business-page #contact-us p{text-align: center}
    .about-us-page #contact-us ul li {  width: 25%;  }
    .about-us-page #mission .mission-text .mission-1 .m-icon{width: 27%}


    #partners {  padding: 30px 0;  }
    #partners .section-header h3{font-size: 20px;font-weight: 600}
    #partners .partners{  height: 90px;  }
    #partners .partners .item{height: 80px;}
    #partners .partners .item img{  width: 75%;  }
    .partners .owl-nav{display: none;height: 0}
    #partners .partners .owl-dots {  position: relative;  top: 0px;  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
    .header{display: none}
    .personal-page #package-services .service-details img, .business-page #package-services .service-details img{

    }

    #business-plane .business-service-link{  width:100%;}
    #business-plane .business-service-link .img-container{width: 100%;  height: auto; }
    #business-plane .business-service-link:hover .hover {  opacity: 0;  }
}
@media  (min-width: 1800px){
    iframe{width: 100%;height: 100%}
}