@media(min-width: 320px) and (max-width:480px) 
{
    /* home-pg */ 
    .navbar-brand>img 
    {
        width: 188px;
    } 
    .navbar-inverse .navbar-toggle
    {
        background-color: #3ccdbc;
        border-color: #334ea2;
    }
    .navbar-inverse .navbar-toggle:hover
    {
        border-color: #334ea2;
        background-color: #fff;
    }
    .form-touch .obt+.obt {
        margin-left: 0%;
    }
    .navbar-inverse .navbar-collapse
    {
        border: none;
    }
    .navbar-inverse .navbar-nav>li>a{
    color: #000;
    font-size: 14px;
}
.navbar-brand {
    padding: 0px 0px;
}
.slider .carousel-indicators{
    display: none;
}
.slider .carousel-caption {
    bottom: -7%;
    /* background: #000000a6; */
    padding: 8%;
    right: 7%;
    left: 0%;
}
.sli-text .item h2 
{
    font-size: 15px;
    line-height: 1.6;
}
.owl-nav button
{
    display: none !important;
}
 .form-touch .btn-form
{
    font-size: 14px;
    padding: 4px 11px 5px;
}
.sli-km a
{
    font-size: 14px;
    padding: 8px 11px;
}
.sli-km 
{
    padding-top: 10px;
}
.more-ser a {
    padding: 8px 11px 5px !important;
    font-size: 14px;
}
.obt-clr .obt {
    padding: 0% 12%;
    width: 100%;
}
.cont-form h2, .who-para h2, .ou-para h2, .get-touch h2 
{
    font-size: 15px;
    padding-bottom: 10px;
}
.cont-form h2::after, .who-para h2::after, .ou-para h2::after, .get-touch h2::after
{
   top: 22px;
   width: 10%;
}
.who-para h2::after
{
    left: 48%;
}
.form-touch {
    height: 500px;
    left: 0%;
    transform: translate(0,-55%);
}
.obt-clr .obt-1 {
    width: 100% !important;
    margin-left: 0% !important;
}
.sli-text .item {
    padding: 27% 0% 30%;
}
.who-we 
{
    padding: 2% 10% 10px;
}
.ou-para p {
    padding: 0px 5%;
} 
.ou-img img 
{
     width: auto; 
    height: 290px;
    padding-bottom: 10px;
}
.ou-eff {
    padding: 5px 0px 22px;
}
.fot-get {
    padding: 5px 0px;
}
label.error {
	
    font-size: 10px;
    top: 38px;
}
.more-button{
	height: 38px;
	text-align: center;
    display: table;
    margin: 0px auto;
    width: 38%;
}
.bf-after {
    padding-top: 10px;
}
.get-touch p {
display: flex;
}
.get-touch p a {
    padding-top: 5px;
}
.get-touch p i {
    width: 12%;
}
/* sector-pg */ 
.section-1 h2 
{
   font-size: 25px;
}
.sector-pag 
{
   height: 210px;
}
.sector-pag:before 
{
   height: 210px;
}
.sect-main h1 
{
    font-size: 22px;
}
.sect-edu h4
 {
    font-size: 15px;
}
.section-1 
{
    padding-top: 30%;
}
.sect-main {
    padding: 5px 0px 20px;
}
.sky_blue img 
{
    padding-top: 15px;
}
.abt-1 
{
    padding-top: 30%;
}
.abt-1 h2 
{
   font-size: 25px;
}
.abt-pag 
{
   height: 210px;
}
.abt-pag:before 
{
   height: 210px;
}
.abt-main img {
    width: 100%;
    height: auto;
}
.abt-edu h4
{
    font-size: 13px;
}
.get-touch .copy i {
    padding-top: 4px;
}
.solut-1
{
    padding-top: 12%;
}
.solut-1 h2 
{
   font-size: 25px;
}
.solution-pag
{
   height: 210px;
}
.solution-pag:before 
{
   height: 210px;
}
.solu-1 img 
{
    height: auto;
}
.solu-1 
{
    height: auto;
}
.nav-right 
{
    padding-right: 25px;
}
/* corrections */
.topsite {
    position: static;
    left: 0;
    background-color: #000;
}
.topsite .nv {
    padding: 12px;
    background: rgb(255, 255, 255);
}
.slider .carousel-caption h2 {
    font-size: 13px;
}
.add-ch-con h1{
    font-size: 32px;
}
.add-ch-con h1::after {
    top: 41px;
    left: 37%;
    width: 35%;
}
.add-ch-con ul {
    margin-top: 40px;
    margin-bottom: 10px;
    padding: 0px 18px;
}
.ser-sec2 h1{
    font-size: 32px;
}
.ind-con{
    margin: 3% 6%;
    padding: 4% 0%;
}
.appr-right {
    padding-left: 3%;
}
#approach:after{
    width: 38%;
}
.appr-item {
    padding: 20px;
}
.touch-add-inner>div+div{
    padding-left: 0%;
}
.touch-add-inner>div {
    width: 100%;
}
.touch-add-inner{
    flex-direction: column;
}
.addr-touch {
    margin-bottom: 95%;
}
.form-touch {
    padding-bottom: 0px;
}
.who-para a {
    padding: 10px 19px;
    bottom: -11%;
}
.our-ser {
    margin-top: 38px;
}
.industry{
    margin-bottom: 29%;
}
.quote{
    padding: 10px 28px;
    bottom: -14%;
    left: 17%;
}
.carousel_service img{
    margin: 12px 0px;
}
.service-quote {
    margin: 4% 25%;
}
.service-con img{
    padding: 12%;
}
.service-item{
    padding: 15px 25px;
    margin: 12px 30px;
}
.resp-hide{
    display: none;
}
.resp-img{
    display: block;
}
#touch-page {
    padding: 60px 0 111%;
}
.sect-edu{
    min-height: 209px;
}
.nav-top-bar .primary-links a.active {
    padding: 7px 10px;
    margin: 12px 0px;
}
.nav-top-bar .primary-links {
    float: left;
    display: grid;
}
.nav-top-bar {
    height: 150px;
    padding: 10px 10px;
}
.cand-para h2::after {
    top: 35px;
    left: 26%;
    width: 43%;
    height: 3px;
}
.cand-para h2{
    font-size: 24px;
}
.reg_form {
    margin: 8% 10%;
}
.can {
    width: 100%;
    margin: 12px;
}
.solut-1 h1{
    font-size: 35px;
}
.staff>div h3, .pre>div h3{
    line-height: 46px;
}
.nav-top-bar .secondary-links a {
    margin-left: 15px;
}
.telecom p {
    line-height: 26px;
    padding: 0px 0%;
}
}
@media(min-width: 481px) and (max-width:767px) 
{
    /* home-pg */ 
    .nav-top-bar{
        padding: 10px 15px;
    }
    .nav-top-bar .primary-links a {
        margin-right: 0px;
    }
    .nav-top-bar .secondary-links a {
        margin-left: 15px;
    }
    .navbar-brand>img 
    {
        width:200px;
    }
    .navbar-inverse .navbar-toggle
    {
        background-color: #3ccdbc;
        border-color: #334ea2;
    }
    .navbar-inverse .navbar-toggle:hover
    {
        border-color: #334ea2;
        background-color: #fff;
    }
    .navbar-inverse .navbar-collapse
    {
        border: none;
    }
    .navbar-inverse .navbar-nav>li>a
{
    color: #000;
    font-size: 14px;
}
.sli-text .item h2 
{
    font-size: 18px;
}
.owl-nav button
{
    display: none !important;
}
.sli-km a, .form-touch .btn-form, .more-ser a
{
    font-size: 15px;
    padding: 10px 16px;
}
.sli-km 
{
    padding-top: 10px;
}
.cont-form h2, .who-para h2, .ou-para h2, .get-touch h2 
{
    font-size: 18px;
    padding-bottom: 10px;
}
.cont-form h2::after, .who-para h2::after, .ou-para h2::after, .get-touch h2::after
{
   top: 22px;
   width: 8%;
}
.who-para h2::after
{
left: 48%;
}
.form-touch {
    height: 358px;
    left: 0%;
}
.obt-clr .obt-1 {
    width: 100% !important;
    margin-left: 0% !important;
}
.sli-text .item {
    padding: 16% 0% 20%;
}
.who-we 
{
    padding: 0% 10% 10px;
}
.ou-para p {
    padding: 0px 5%;
} 
.ou-img img 
{
     width: auto; 
    height: 290px;
    padding-bottom: 10px;
}
.ou-eff {
    padding: 5px 0px 22px;
}
.fot-get {
    padding: 5px 0px;
}
label.error {
	
    font-size: 8px;
    top: 38px;
}
.more-button{
	height: 43px;
	text-align: center;
    display: table;
    margin: 0px auto;
    width: 28%;
}
/* sector-pg */ 
.section-1 h2 
{
   font-size: 30px;
}
.sector-pag 
{
   height: 220px;
}
.sector-pag:before 
{
   height: 220px;
}
.sect-main h1 
{
    font-size: 25px;
}
.section-1 
{
    padding-top: 19%;
}
.sect-main {
    padding: 5px 0px 20px;
}
.sky_blue img 
{
    padding-top: 15px;
}
.abt-1 
{
    padding-top: 19%;
}
.abt-1 h2 
{
   font-size: 30px;
}
.abt-pag 
{
   height: 220px;
}
.abt-pag:before 
{
   height: 220px;
}
.abt-main img {
    width: 100%;
    height: auto;
}
.solut-1
{
    padding-top: 9%;
}
.solut-1 h2 
{
   font-size: 30px;
}
.solution-pag
{
   height: 220px;
}
.solution-pag:before 
{
   height: 220px;
}
.solu-1 img 
{
    height: auto;
}
.solu-1 
{
    height: auto;
}
.nav-right 
{
    padding-right: 40px;
}
/* corrections */
.topsite {
    position: static;
    left: 0;
    background-color: #000;
}
.topsite .nv {
    padding: 12px;
    background: rgb(255, 255, 255);
}
.slider .carousel-caption h2 {
    font-size: 15px;
}
.get-touch p i {
    width: 8%;
}
.add-ch-con h1::after {
    top: 45px;
   width: 34%;
   left: 35%;
}
.appr-right {
    padding-left: 4%;
}
#approach:after{
    width: 41%;
}
.touch-add-inner>div {
    width: 100%;
}
.touch-add-inner{
    flex-direction: column;
}
.resp-hide{
    display: none;
}
.resp-img{
    display: block;
}
.service-con img{
    padding:0% 12%;
}
.service-item{
    padding: 15px 25px;
    margin: 12px 30px;
    min-height: 298px;
}
.sect-edu{
    min-height: 172px;
}
.who-para a{
    bottom: -18%;
    left: 20%;
    padding: 12px 35px;
}
.our-ser {
    margin-top: 10%;
}
.ou-eff img {
    margin: 25% 12px 35px;
}
.quote {
    bottom: -19%;
    left: 23%;
}
.addr-touch {
    margin-bottom: 67%;
}
#touch-page {
    padding: 60px 0 32%;
}
.sect-edu{
    min-height: 340px;
}
.carousel_service img{
    padding: 12px 0px;
}
.service-quote {
    margin: 4% 33%;
}
.indu-con {
    padding: 4% 0% 4%;
     min-height: 174px;
}
.telecom p {
    text-align: justify;
    padding: 0%;
}
}
@media(min-width: 768px) and (max-width:991px) 
{
    .solut-1 {
        padding-top: 17%;
    }
    .indu-con {
        padding: 2% 0% 4%;
        margin: 20px 12%;
        min-height: 130px;
    }
    /* home-pg */ 
    .navbar-inverse .navbar-nav>li>a
{
    font-size: 14px;
}
.nav>li>a {
    padding: 10px 14px;
}
.navbar-brand>img {
    width: 132px;
    height: auto;
    margin: 26px 0px;
}
.nav-right {
    padding-top: 15px;
}
.navbar-inverse .navbar-nav>li>.wh-1::after
{
    top: 11px;
    right: 0px;
    font-size: 20px;
}
.sli-text .item h2
{
    font-size: 22px;
}
.sli-text .item {
    padding: 12% 0% 12%;
}
.cont-form h2, .who-para h2, .ou-para h2, .get-touch h2
{
    font-size: 18px;
    padding-bottom: 25px;
}
.cus-owl .owl-nav .owl-prev, .cus-owl .owl-nav .owl-next 
{
top: 37%;
}
.sli-km a, .form-touch .btn-form, .more-ser a  
{
    font-size: 15px;
    padding: 12px 24px;
} 
.sli-km {
    padding-top: 17px;
}
.cont-form h2::after, .who-para h2::after, .ou-para h2::after, .get-touch h2::after 
{
    top: 26px;
}
.form-touch {
    height: 308px;
    transform: translate(0,-83%);
    left: 0%;
}
.fot-get {
    padding: 10px 0px;
}
.ou-eff {
    padding: 10px 0px 20px;
}
.who-we {
    padding: 0% 10% 30px;
}
.who-para h2::after {
    left: 48%;
}
.obt input::placeholder, .obt textarea::placeholder
   {
    font-size: 11px;
   }
   .obt textarea::placeholder
   {
    padding-top: 5px !important;
   }
.input-group
{
width: 100% !important;
}
label.error {
	
    font-size: 11px;
    top: 40px;
}
 /* sector-pg */ 
 .section-1 h2 
 {
    font-size: 35px;
 }
 .sector-pag 
 {
    height: 255px;
 }
 .sector-pag:before 
 {
    height: 255px;
 }
 .abt-main img {
    width: 500px;
    height: 350px;
    padding-top: 40%;
 }
 .abt-1 h2 
 {
    font-size: 35px;
 }
 .abt-pag 
 {
    height: 255px;
 }
 .abt-pag:before 
 {
    height: 255px;
 }
 .solut-1 h2 
 {
    font-size: 35px;
 }
 .solution-pag
 {
    height: 255px;
 }
 .solution-pag:before 
 {
    height: 255px;
 }
 .solu-1 img 
 {
    width: 100%;
    height: 300px;
 }
 .solu-1 
 {
    height: 535px;
 }
 .sec-main .solu-1 
 {
    height: 465px;
 }
 /* corrections */
 .get-touch p i {
    width: 5%;
}
.add-ch-con h1::after {
    top: 49px;
   width: 10%;
   left: 47%;
}
.appr-right {
    padding-left: 0%;
}
#approach:after{
    width: 41%;
}
.resp-hide{
    display: none;
}
.resp-img{
    display: block;
}
#touch-page {
    padding: 60px 0 25%;
}
.addr-touch {
    margin-bottom: 38%;
}
.service-con img{
    margin: 0% auto;
}
.service-item{
    min-height: 286px;
    margin: 12px 30px;
}
.carousel_service img{
    margin: 0% auto;
    padding: 12px;
}
.service-quote {
    margin: 4% 38%;
}
.ou-eff img {
    padding: 12% 0px 0px;
    margin: 0% auto;
}
.approach h1{
    text-align: center;
    margin-left: 3px;
}
.industry {
    /* text-align: center; */
    margin: 0px 15%;
}
.slider .carousel-caption h2 {
    font-size: 16px;
}
.telecom p{
    padding: 0%;
}
}
@media(min-width: 992px) and (max-width:1024px) 
{
    /* home-pg */ 
    .sli-text .item
    {
        padding: 15% 0% 12%;
    }
    .nav>li>a {
        padding: 10px 24px;
    }
     /* sector-pg */ 
    .sky_blue img 
    {
        height: 300px;
        padding-top: 25px;
    }
    .solu-1 {
        height: 550px;
    }
     /* corrections */
        .get-touch p i {
            width: 4%;
        }
        .sec-main .solu-1 {
            height: 480px;
        }
        .navbar-brand>img {
            width: 153px;
            height: auto;
            margin: 16px 0px;
        }
        .sect-edu{
            min-height: 510px;
        }
        .sect-main img {
            margin: 18% 12px;
        }
        .carousel_service {
            margin-top: 8%;
        }
        .telecom p{
            padding: 0% 8%;
        }
}
@media(min-width: 1025px) and (max-width:1199px) 
{  
    /* home-pg */ 
.sli-text .item
{
    padding: 15% 0% 12%;
}

    /* sector-pg */ 
.sky_blue img 
{
    height: 300px;
    padding-top: 25px;
}
.solu-1 {
    height: 550px;
}
.sec-main .solu-1 {
    height: 495px;
}
.navbar-brand>img {
    width: 144px;
    height: auto;
    margin: 12px 0px;
}
.sect-edu{
    min-height: 510px;
}
.sect-main img {
    margin: 18% 12px;
}
.carousel_service {
    margin-top: 6%;
}
.quote {
    position: absolute;
    bottom: -22%;
    left: 7%}
}