@media (max-width: 1098px){
    header nav{
         padding: 25px 80px 0px 80px;
    }
    .container{
        padding: 0px 80px;
    }
    .section-5 .column {
       margin-left: 80px;
    }
   .banner-img-4,
   .banner-img-5{
         display: none;
    }
    .section-5 .success-img-top-mini{
        display: none;
    }
    .other-pages-header .solution-top-right-img,
    .other-pages-header .solution-pages-top-another-img{
        display: none;
    }
    .paragraph-img,
    .second-body-img{
        display: none;
    }
}
@media (max-width: 992px){
    .other-pages-header{
        height: 87px;
    }
    header nav{
        padding: 20px 16px 0px 16px;
    }
    .container{
        padding: 0px 16px;
    }
    nav .desktop-logo{
        display: none;
    }
    nav .logo{
        width: 113px;
        height: 37.2px;
    }
    nav .logo .mobile-logo{
        display: block;
    }
    header nav ul {
        display: none;
    }
    nav .mobile-menu-opener{
        display: block;
    }
    .banner-img-1,
    .banner-img-2,
    .banner-img-4{
      display: none;
    }
    .m-banner-img-1{
        display: block;
    }
    .m-banner-img-2{
        display: block;
    }
    .m-banner-img-3{
        display: block;
    }
    .banner-img-3{
        bottom: 25px;
        left: 112px;
    }
}
@media (max-width: 1330px){
    .who-is-telecon{
        flex-direction: column;
    }
    .who-is-telecon h1{
       width: 100%;
    }
    .who-is-telecon p{
        width: 100%;
    }
    footer .address .adress-content {
        padding-left: 57px;
    }
}
@media (max-width: 1085px){
    .first-paragraph{
      width: 100%;
    }
}
@media (max-width: 1380px){
    .section-2 .wrapper .box{
        width: 190px;
        height: 190px;
        margin-bottom: 30px;
    }
    .section-3 .wrapper .box{
        width: 320px;
        margin-bottom: 30px;
    }
    .section-4 .wrapper .box{
        width: 190px;
        height: 190px;
        margin-bottom: 30px;
    }
}
@media (max-width: 400px){
    .interested-in-learning{
      width: 100%;
    }
    .section-4 .wrapper .box{
        width: 100%;
        height: 209px;
    }
    .contact-page-content-img {
        right: 21px !important;
        bottom: 70px !important;
    }
    .section-3  .professional-services-boxes h5{
        font-size: 14px !important;
    }
    .professional-body-img{
        display: block !important;
    }
    .section-2  .cloud{
        background-position: center bottom 80px;
    }
    .section-4 .wrapper .box{
        font-size: 30px;
        height: 328px !important;
    }
  
}
@media (max-width: 1247px) {
    footer  .address .adress-content{
       width: 100%;
       padding: 0px 10px;
    }
}
@media (max-width: 800px){
    footer .container{
        flex-wrap: wrap;
    }
    footer .container .footer-box.logo{
      width: 100%;
      margin-bottom: 48px;
    }
    footer .container .footer-box.logo img{
        width: 100%;
    }
    footer  .address {
       width: 70% !important;
       margin-top: 30px;
    }
    footer  .address .adress-content{
        height: 60px;
    }
    footer .nav{
        width: 30% !important;
       margin-top: 30px;

    }
    footer .nav ul li{
        margin-bottom: 25px;
    }
    footer .container .footer-box{
        border-right: none;
    }
    footer .footer-logo{
        display: 
        block;
    }
    footer .defult-logo{
        display: 
        none;
    }
    footer .container .logo img,
    footer .container .footer-box.address{
        padding-top: 0px;
    }
}
@media (max-width: 650px){

    header{
        height: 659px;
        justify-content: flex-start;
    }
    header .banner-content{
        margin-top: 130px;
       width: 100%;
       padding: 0px 16px;
    }
    header .banner-tittle h1{
       font-size: 30px;
    }
    header .banner-tittle h5{
        font-size: 20px;
    }
    .section-2 .wrapper{
       flex-direction: column;
       align-items: center;
    }
    .section-2 .wrapper .box{
        width: 209px;
        height: 209px;
    }
    .section-heading{
        font-size: 30px;
        font-weight: 500;
        line-height: 39px;
    }
    .section-3 .wrapper .box{
        width: 100%;
        height: 100%;
    }
    .section-4{
        padding: 40px 0px 45px 0px;
    }
    .section-4 .wrapper{
      flex-direction: column;
      align-items: center;
    }
    .section-4 .wrapper .box{
        width: 209px;
        height: 209px;
    }
    .contact-form .input-group{
            width: 100%;
    }
    .section-5 .success-img{
        top: 93px;
        right: 20px !important;
    }
    footer .adress-content .img{
        width: 25px !important;
    }
    .section-5 .form-right-middle-img{
       display: none;
    }
    .below-financial-img{
        display: block;
    }
}

@media (max-width: 850px){
    .form-left-bottom-img,
    .form-left-middle-img{
        display: none;
    }
    .form-top-img {
        position: absolute;
        right: 63px;
        top: -50px;
    }
    
}
@media (max-width: 1342px){
    .section-5 .success-img{
        top: 93px;
        width: 600px;
    }
    .section-5 .success-top-img{
        top: 0;
    }
    .section-5 .success-middle-right-img{
        display: none;
    }
}
@media (max-width: 1280px){
    .section-5 .success-img{
        top: 93px;
        right: 100px;
        width: 300px;
    }
    .section-5 .success-top-img{
        right: -200px;
    }
    .service-pages-main-right-img{
        width: 100px;
    }
}
@media (max-width: 991px){
    .section-5 .success-img{
        top: 93px;
        right: 50px;
        width: 200px;
    }
    .section-5 .success-top-img{
        right: -400px;
    }
    .other-pages-header .solution-top-right-img{
        display: none;
    }
    .other-pages-header .solution-below-top-right-img{
        display: none;

    }
}
@media (max-width: 800px){
    .section-5 .column {
        width: 100%;
        padding: 0px 16px;
        margin-left: 0;
    }
    .section-5 {
        display: flex;
        flex-direction: column;
    }
    .section-5 .images{
        height: 500px;
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .section-5 .success-img{
        top: 93px;
        right: 0px;
        width: 100%;
    }
    .section-5 .success-top-img{
        top: 0;
        right: 0;
        width: 100%;
    }
    .section-5 .success-middle-right-img{
         bottom: 50px;
            right: -31px;
         width: 100px;
         display: block;
    }
}
@media (max-width: 500px){
    .section-2 .wrapper .box,
    .section-4 .wrapper .box{
        width: 100%;
    }
    .section-2 .wrapper .box{
        font-size: 30px;
        line-height: 45px;
        height: 330px;
    }
    .section-4 .retail img{
        display: none;
        
    }
    .section-4 .retail{
        background-image: url('../img/retail-top-img-mobile.png') !important;
        background-position: left 22px top;
    }
    .section-4 .manufacture{
        background-image: url('../img/manufacture-mobile.png');
        background-position: left 36px top 33px;
    }
    .section-2 .communication-serv {
        background-position: center bottom 25px !important;
        background-size: 81px;
    }
    .section-4 .education {
        background-image: url('../img/education-mobile.png');
        background-position: center bottom -4px;
    }
    .section-4 .healthcare {
        background-image: url('../img/health-mobile.png');
        background-position: center bottom 45px;
    }
    .section-4 .financial {
        background-image: url('../img/financial-mobile.png');
        background-position: right 27px bottom 8px;
    }
    .section-2  .cloud{
        background-image: url('../img/cloud-mobile-img.png') !important;
        background-repeat: no-repeat !important;
        background-position: center bottom 10px !important;
    }
    .section-2 .network {
        background-image: url('../img/network-mobile.png');
    }
    .section-2 .security {
        background-image: url('../img/security-mobile.png');

    }
    .section-2{
        margin-top: 80px;
    }
    .contact-form .section-heading{
        font-size: 24px;
        text-align: left;
    }
    .contact-form .submit-btn{
        width: 100%;
    }
    .managment-paragraph-img{
        display: block;
    }
    .mpl-img{
      display: block;
    }
}

@media (max-width: 860px){
    .heading{
        width: 100%;
    }
    .heading h1{
        line-height: 39px;
    }
    .paragraph{
        width: 100%;
    }
    .services-pages-rows .wrapper .row{
        flex-direction: column;
    }
   .services-pages-rows .wrapper .row .column-1{
         width: 100%;
    }
    .services-pages-rows .wrapper .row .column-2{
        width: 100%;
    }
    .heading h1 { 
        font-family: 'Raleway';
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
    }
    .services-pages-rows .wrapper .row .column-1 span {
        padding-bottom: 12px;
        display: block;
    }
    .service-pages-main-right-img{
       display: none;
    }
    .service-pages-main-right-img-mobile{
        display: block;
        position: absolute;
        top: 256px;
        right: 0;
    }
    .security-mobile-img{
        top: 230px;
    }
    .cloud-mobile-img{
        top: 160px;
    }
    .cloud .wrapper .row .column-1 span {
      font-size: 22px;
    }
}

@media (max-width: 377px){
    .top-page-navigation .previous-page{
        margin-right: 3px;
    }
    .review .client-details{
        font-size: 11px;
    }
    .security-navigation a{
         font-size: 12px !important;
    }
}


@media (max-width: 1200px) {
    .managment-column-section .column-1{
        width: 50%;
        margin-left: 0;
        padding: 10px 30px 0px 30px;

    }
    .managment-column-section .column-2{
        width: 40%;
        overflow: hidden;
    }
}

@media (max-width: 1025px){
    .managment-column-section .column-1{
        width: 100%;
        margin-left: 0;
        padding: 10px 30px 0px 30px;

    }
    .managment-column-section .column-2{
        width: 30%;
        overflow: hidden;
    }
    .managment-column-section{
    flex-direction: column-reverse;
    align-items: center;
    }
}
@media (max-width: 600px){
    .managment-column-section{
        padding: 0px 16px;
        }
    .managment-column-section .column-1{
        width: 100%;
        padding: 0;
    }
    .managment-column-section .column-2{
        width: 100%;
    }
    .about-us-columns.first{
        margin-top: 70px !important;
    }
    .about-us-columns .text h1 {
        margin: 0;
    }
    .about-us-contact-form{
        margin-top: 0 !important;
    }
    .about-us-columns.last{
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .about-us-columns.last .img{
        margin-bottom: -5px !important;
    }
    .review-main  .review{
        height: 330px;
    }
    .rate:not(:checked) > label {
        height: 30px;
    }
    .body-mobile-img-1{
        display: block;
    }
}

@media (max-width: 1350px){
    .about-us-columns:nth-child(even){
        padding-left: 50px;
    }
}

@media (max-width: 1250px){
    .about-us-columns{
       flex-direction: column;
       padding: 0px 165px !important;
       margin-bottom: 60px;
    }
    .about-us-columns .text{
        width: 100% !important;
        height: auto;
     }
     .about-us-columns .img{
    width: 100%;
    height: auto;
    }
    .about-us-columns:nth-child(odd) {
        flex-direction: column-reverse;
     }
    .about-us-columns:nth-child(odd) .img{
       width: 100%;
    }
    
}

@media (max-width: 992px){
    .about-us-columns{
       padding: 0px!important;
    }
    .about-us-columns .text{
       padding: 0px 16px;
     }
}
@media (max-width: 975px) {
    .heading-and-form{
        padding: 0;
    }
    .heading-and-form .heading{
        padding: 0px 16px;
    }
}
@media (max-width: 1215px){
    .heading-and-form{
        flex-direction: column;
        margin-bottom: 0;
    }
    .heading-and-form .form{
       width: 100%;
    }
    .contact-page-img,
    .contact-page-bottom-img,
     .contact-page-bottom-img-2,
    .contact-page-bottom-img-3,
    .contact-page-bottom-img-4{
        display: none;
    }
}
@media (max-width: 1152px) {
    .contact-page-content-img {
        right: 106px;
        bottom: 50px;
    }
}