@media only screen and (min-device-width: 640px) and (max-device-width: 840px){
    .home-image-area {
        background-repeat: no-repeat;
        background-position: 100% 25%;
        background-size: cover;
        max-width: 100%;
        width: 100%;
    }
    .companiestitle h2 {
        /* margin-left: 100px;
        margin-top: -5px!important;
        text-transform: uppercase;
        color: #fff!important;
        letter-spacing: 2px; */
        opacity: 0!important;
        height: 0!important;
        width: 0!important;
    }

    .desklogo{
        opacity: 0%;
        width: 0%;
        height: 0%;
        display: none;
    }
    .moblogo{
        width: 10%;
        display: block;
    }

    .logo a h4{
        display: block;
        font-size: 10px;
    }

    
    .home-area{
        height: 400px!important;
    }
    .home-image-area{
        background-repeat: no-repeat;
        background-size: cover;
        max-width: 100%;
        width: 100%;
    }
    .section-subtitle-1 h2{
        /* font-size: 15px;
        text-align: right;
        margin-bottom: 55px;
        margin-right: 30px; */
        height: 0%;
        width: 0%;
        opacity: 0;
    }
    .media {
        padding-top: 50px;
    }
    .mediadesktop {
        width: 100%;
        margin-left: 0;
    }

    .media-left img{
        /* width: 0!important; */
        /* height: 0!important; */
        width: 70%;
        padding-left: 40px;
        text-align: center;
    }
    .brandtext p{
        font-size: 17px;
        width: 80%!important;
    }
    .brandimg{
        width: 40%!important;
        padding-left: 10%;
        text-align: right!important;
    }
    .img-fluid {
        max-width: 40%!important;
    }

    .img-partner{
        text-align: center !important;
    }
   /* .header-top-area{
        height: 6%;
    }*/
    .section-heading{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30px!important;
    margin-bottom: 60px !important; 
    color: #fff!important;
    }
    .diagram-img img{
        margin-top: 250px!important;
        height: 50%;
        right: 0!important;
        text-align: center!important;
    }
    #partners h2{
        text-align: center!important;
        opacity: 0;
        height: 0;
        width: 0;

    }
.single-project-done {
    text-align: center;
}
.about-image img {
    margin-top: 30px;
}
.section-title-1 h2{
    /* font-size: 35px!important; */
    opacity: 0;
    height: 0;
    width: 0;
}
.single-testimonial p {
    padding: 0 50px;
}
.single-contact-details i {
    margin-bottom: 20px;
}
.single-project-complete {
    margin-bottom: 30px;
}
.single-service,
.single-blog {
    margin-bottom: 30px;
}
.about-text {
    padding-top: 0px;
    margin-top: 30px;
}
.logo {
    padding-top: 10px;
}
.mainmenu .navbar-nav li a {
    color: #fff;
    font-size: 12px;
    padding: 15px 15px;
    -webkit-transition: .3s;
    transition: .3s;
    font-weight: 600;
    text-transform: uppercase;
}
.about-text p,
.about-text ul {
    padding: 0;
}
.resume-left h2 {
    width: 130px;
}
.single-service i{
    margin-bottom: 110px;
}
.title-name,
.title-degree{
    text-align: center!important;
}
.hr-partners{
    text-align: center!important;
    width: 30%!important;
    margin: auto!important;
    margin-left: auto!important;
}
#blog h2{
    /* padding-top: 60px; */
    /* font-size: 23pt!important; */
    opacity: 0;
    width: 0;
    height: 0;
}
.bar-contact h2{
    padding-top: 2.5px;
    font-size: 25pt;
}
.linked img{
    /* width: 15%!important; */
    /* height: 15%!important; */
}
.whoweare-pinc{
    background-image: url('../img/img_bar/element1.png')!important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100%;
    background-position: 195% 60%;
    margin-top: 8%;
    width: 100%!important;
    height: auto;
}

#whatwedo{
    background-image: url('../img/img_bar/element2.png')!important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100%!important;
    background-position: 195% 60%;
    margin-top: 2%!important;
    width: 100%!important;
    height: auto;
}

#ouroffer{
    background-image: url('../img/img_bar/element3.png')!important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100%!important;
    background-position: 195% 60%;
    margin-top: 6%!important;
    width: 100%!important;
    height: auto;
}
#companies{
    background-image: url('../img/img_bar/element4.png')!important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100%!important;
    /* background-position: 195% 60%; */
    margin-top: 8%;
    width: 100%!important;
    height: auto;
    z-index: 1000;
}
#partners{
    background-image: url('../img/img_bar/element5.png')!important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100%!important;
    /* background-position: 195% 60%; */
    margin-top: 8%;
    width: 100%!important;
    height: auto;
    z-index: 1000;
}
#thework h2{
    opacity: 0!important;
    height: 0;
    width: 0;
}
.thework-title{
    background-image: url('../img/img_bar/element7.png')!important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100%!important;
    /* background-position: 195% 60%; */
    margin-top: 8%;
    width: 100%!important;
    height: auto;
    z-index: 1000;
}
.bg-blog{
    background-image: url('../img/img_bar/element8.png')!important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100%!important;
    /* background-position: 195% 60%; */
    margin-top: 8%!important;
    width: 100%!important;
    height: auto;
}
#contact h2{
    font-size: 20pt!important;
    opacity: 0;
}
#contact{
    background-image: url('../img/img_bar/element9.png')!important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100%!important;
    /* background-position: 195% 60%; */
    margin-top: 8%;
    width: 100%!important;
    height: auto;
}
.bgcontact{
    opacity: 0!important;
}
.section-heading{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 25px!important;
    padding-top: 5px!important;
    margin-bottom: 60px !important;
    text-align: center!important; 
    color: #fff!important;
    }
  }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
      #blog h2{
    /* padding-top: 60px; */
    /* font-size: 25pt; */
    opacity: 0!important;
    width: 0;
    height: 0;
      }
      .whatwedo-p{
          margin-top: -25px!important;
      }
      .media {
        padding-top: 50px;
    }
      .section-subtitle-1 h2{
        /* font-size: 15px;
        text-align: right;
        margin-bottom: 55px;
        margin-right: 30px; */
        height: 0%;
        width: 0%;
        opacity: 0;
    }
      .companiestitle h2 {
        /* margin-left: 100px;
        margin-top: -5px!important;
        text-transform: uppercase;
        color: #fff!important;
        letter-spacing: 2px; */
        opacity: 0!important;
        height: 0!important;
        width: 0!important;
    }
    .section-title-1 h2{
        /* font-size: 35px!important; */
        opacity: 0;
        height: 0;
        width: 0;
    }
    .header-top-area{
        height: 6%;
    }
    .home-area{
        height: 400px!important;
    }
    .home-image-area{
        background-repeat: no-repeat;
        background-size: cover;
        max-width: 100%;
        width: 100%;
    }
    .section-subtitle-1 h2{
        font-size: 15px;
        margin-top: 23px;        
    }
    .section-title-1 h2{
        font-size: 35px;
        margin-top: 20px!important;
    }
    .img-fluid {
        max-width: 40%!important;
    }

    .section-heading{
        text-transform: uppercase;
        font-weight: 700;
        font-size: 25px!important;
        padding-top: 10pt;
        margin-bottom: 60px !important;
        text-align: center!important; 
        color: #fff!important;
        }
        .img-partner{
            text-align: center !important;
        }
        .title-name,
.title-degree{
    text-align: center!important;
}
.single-project-done {
    text-align: center;
}
.about-image img {
    margin-top: 30px;
}
.single-testimonial p {
    padding: 0 50px;
}
.single-contact-details i {
    margin-bottom: 20px;
}
.single-project-complete {
    margin-bottom: 30px;
}
.single-service,
.single-blog {
    margin-bottom: 30px;
}
.about-text {
    padding-top: 0px;
    margin-top: 30px;
}
.logo {
    padding-top: 10px;
}
.mainmenu .navbar-nav li a {
    color: #fff;
    font-size: 9px;
    padding: 15px 15px;
    -webkit-transition: .3s;
    transition: .3s;
    font-weight: 600;
    text-transform: uppercase;
}
.about-text p,
.about-text ul {
    padding: 0;
}
.resume-left h2 {
    width: 130px;
}
.single-service i{
    margin-bottom: 110px;
}
.companiestitle h2 {
    margin-left: 100px;
    margin-top: -5px!important;
    text-transform: uppercase;
    color: #fff!important;
    letter-spacing: 2px;
}
.diagram-img img{
    margin-top: 100px;
    margin-left: 0px;
    width: 100%;
    height: 100%;
    right: 0!important;
    text-align: center!important;
}
.whoweare-desc{
    margin-top: 50px;
}
#partners h2{
    text-align: center!important;
    opacity: 0;
    height: 0;
    width: 0;

}
.whoweare-pinc{
    background-image: url('../img/img_bar/element1.png')!important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100%;
    background-position: 195% 60%;
    margin-top: 8%;
    width: 100%!important;
    height: auto;
}

#whatwedo{
    background-image: url('../img/img_bar/element2.png')!important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100%!important;
    background-position: 195% 60%;
    margin-top: 8%;
    width: 100%!important;
    height: auto;
}

#ouroffer{
    background-image: url('../img/img_bar/element3.png')!important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100%!important;
    background-position: 195% 60%;
    margin-top: 4%!important;
    width: 100%!important;
    height: auto;
}
#companies{
    background-image: url('../img/img_bar/element4.png')!important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100%!important;
    /* background-position: 195% 60%; */
    margin-top: 8%;
    width: 100%!important;
    height: auto;
    z-index: 1000;
}
#partners{
    background-image: url('../img/img_bar/element5.png')!important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100%!important;
    /* background-position: 195% 60%; */
    margin-top: 8%;
    width: 100%!important;
    height: auto;
    z-index: 1000;
}
#thework h2{
    opacity: 0!important;
    height: 0;
    width: 0;
}
#contact{
    background-image: url('../img/img_bar/element9.png')!important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100%!important;
    /* background-position: 195% 60%; */
    margin-top: 8%;
    width: 100%!important;
    height: auto;
}
.bgcontact{
    opacity: 0!important;
}
.thework-title{
    background-image: url('../img/img_bar/element7.png')!important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100%!important;
    /* background-position: 195% 60%; */
    margin-top: 0!important;
    width: 100%!important;
    height: auto;
}
.bg-blog{
    background-image: url('../img/img_bar/element8.png')!important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100%!important;
    /* background-position: 195% 60%; */
    margin-top: 0!important;
    width: 100%!important;
    height: auto;
    z-index: 1000;
}

}