/* lg */ 
@media only screen and (min-width: 1200px) {
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  
}

@media only screen and (max-width: 1024px) and (min-width: 1023px){
      #vantagensDescription {
          width: 55%;
          margin-left: 48%;
      }
      #vantagensContainersAll {
          margin-left: 0%;
      }
      #feature {
          background: #f2f2f2;
          padding-bottom: 40px;
          width: 100%;
      }
      #containersRow {
          width: 103%;
          margin-left: -34px;
      }

      #testingButton02 {
          padding: 10px 20px;
          background: #FF4B61;
          color: #fff;
          border-radius: 4px;
          border: none;
          margin-top: 10px;
          width: 29%;
          height: 57px;
          font-size: 17px;
          line-height: 39px;
          font-weight: 100;
      }

      h3 {
            font-size: 14px;
            color: #787878;
            font-weight: 400;
            line-height: 24px;
            width: 337px;
        }

        #logofinalImage {
            width: 33%;
            margin-left: 32%;
        }
}

/* md */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  .navbar-nav > li {
    margin-left: 10px;
  }

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .recent-work-wrap .recent-work-inner h3 a {
    font-size: 20px;
  }

  .recent-work-wrap .overlay{
    padding: 15px;
  }

  .services-wrap {
    padding: 40px 10px 40px 30px;
  }

  .feature-wrap h2, 
  .single-services h2 {
    font-size: 18px;
  }

  .feature-wrap h3, 
  .single-services h3{
    font-size: 14px;
  }

  .tab-wrap .media .parrent.pull-left{
    clear: both;
    width: 100%;
  }

  .tab-wrap .media .parrent.media-body{
    clear: both;
  }

  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .recent-work-wrap .overlay .preview{
    line-height: inherit;
  }

  .team-bar .first-arrow {
    width: 21%;
  }

  .team-bar .second-arrow {
    width: 20%;
  }

  .team-bar .third-arrow {
    width: 21%;
  }

  .team-bar .fourth-arrow {
    width: 20%;
  }

  ul.social_icons li{
    margin-right: 0;
  }

  #appleStore, #googleStore, #webVersion {
    margin-top: 95px;
  }

  #vantagensDescription {
    width: 92%;
    height: 0px;
  }

  #testingButton02{
    padding: 10px 20px;
    background: #FF4B61;
    color: #fff;
    border-radius: 4px;
    border: none;
    margin-top: 10px;
    width: 34%;
    height: 57px;
    font-size: 16px;
    line-height: 39px;
    font-weight: 100;
  }

  .feature-wrap h3, .single-services h3 {
    font-size: 14px;
    }

    #logofinalImage {
        width: 33%;
        margin-left: 32%;
    }

    #writingSmarthphoneLayer {
        padding: 30px 113px;
    }

    .storesRodape {
        margin-top: 0px;
}

}

@media only screen and (max-width: 1022px) and (min-width: 768px){
        
        #divTitle02Writing {
            font-size: 36px;
        }

        #divTitle02 {
            margin-top: 6%;
            text-align: left;
            font-size: 41px;
        }

        #icone02Png {
            margin-top: -3%;
            zoom: 101%;
            margin-left: 17%;
        }
        
        #icone03Png {
            margin-top: 10%;
            padding-bottom: 65px;
        }

        #divTitle03Writing {
            font-size: 36px;
            margin-top: -19px;
            margin-bottom: 20px;
            margin-right: 0px;
            text-align: right;
        }

        #divTitle03 {
            text-align: left;
            margin-top: 9%;
        }
}


@media only screen and (min-width: 768px) and (max-width: 992px) {
        #appleStore, #googleStore, #webVersion{
            margin-top: 68px;
        }    

        #appleStore2, #googleStore2 {
            max-width: 27%;
            padding: 0px 10px;
            padding-bottom: 50px;
        }
        

}



@media only screen and (max-width: 1000px) {
      #main-slider .carousel .btn-slide{
        font-size: 13px;
      }
      .container>.navbar-header, .container>.navbar-collapse{
        margin-right: -20px;
      }
        #funcionalidadesRow{
            width: 100%;
        }

        #iphonefuncionalidades{
            width: 100%;
            padding-bottom: 65px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 0;
        }

    .request h4 a{
        margin-left: 0;
    }
    #writingSmarthphoneLayer {
        font-size: 24px;
        margin-top: 32px;
        margin-bottom: -88px;
        padding: 30px 32px;
        font-weight: 100;
    } 
    .navbar-nav{
        margin-right: 30px;
    }    
    #descriptionAboutus{
        padding-left: 20px;
        padding-right: 20px;
    }

}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
  /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-nav > li {
    margin-left: 0;
  }

  #main-slider .carousel h1 {
    font-size: 25px;
  }

  #main-slider .carousel h2 {
    font-size: 20px;
  }

  .tab-wrap .media .parrent.pull-left, 
  .media.accordion-inner .pull-left{
    clear: both;
    width: 100%;
  }

  .tab-wrap .media .parrent.media-body, 
  .media.accordion-inner .media-body{
    clear: both;
  }

  .services-wrap {
    padding: 40px 0 40px 30px;
  }

  .recent-work-wrap .overlay{
   padding: 15px;
  }

  .recent-work-wrap .recent-work-inner h3 a {
    font-size: 20px;
  }

  .sinlge-skill{
    width: 150px;
    height: 150px;
  } 

  .sinlge-skill p em {
    font-size: 25px;
  }

  .sinlge-skill p {
    font-size: 16px;
  }

  .team-bar .first-one-arrow {
    width: 2%;
  }

  .team-bar .first-arrow {
    width: 18%;
  }

  .team-bar .second-arrow {
    width: 24%;
  }

  .team-bar .third-arrow {
    width: 15%;
  }

  .team-bar .fourth-arrow {
    width: 20%;
  }

  .blog .blog-item .entry-meta > span a{
    font-size: 10px;
  }

  #computersImage {
            display: block;
            height: auto;
            max-width: 116%;
            margin-left: 0%;
            margin-top: 6%;
        }

  #main-slider .carousel .carousel-content {
            margin-top: 23px;
            margin-left: -6%;
        }

    #testingButton02 {
        padding: 10px 16px;
        background: #fe4a60;
        color: #fff;
        border-radius: 4px;
        border: none;
        margin-top: 10px;
        width: 35%;
        height: 57px;
        font-size: 16px;
        line-height: 39px;
        font-weight: 100;
    }
        .storesRodape {
            margin-top: 0px;
        }       

}


/* xs */
@media only screen and (max-width: 767px) {
        .container > .navbar-header, .container > .navbar-collapse{

        }

        .top-number{
          font-size: 14px;
        }

        input.search-form:hover {
          width: 120px;
        }

        .navbar-nav > li {
          padding-bottom: 0;
        }

        #main-slider .carousel h1 {
          font-size: 22px;
        }

        #main-slider .carousel h2 {
          font-size: 16px;
        }

        .feature-wrap h2, 
        .single-services h2 {
          font-size: 18px;
        }

        .feature-wrap h3, 
        .single-services h3{
          font-size: 14px;
        }


        .media.accordion-inner .pull-left, 
        .media.accordion-inner .media-body{
          clear: both;
        }

        .accordion-inner h4 {
          margin-top: 10px;
        }

        .tab-wrap .media .pull-left{
          clear: both;
          width: 100%;
        }

        .tab-wrap .media .media-body{
          clear: both;
        }

        .nav-tabs > li.active > a:after{
          display: none;
        }

        #footer .col-sm-6{
            text-align:center;
        }
        
        #footer .pull-right{
            float: none !important;
        }

        .sinlge-skill {
          margin: 0 auto;
          margin-top: 30px;
          margin-bottom: 30px;
        }

        .team .single-profile-top, 
        .team .single-profile-bottom {
          margin-bottom: 30px;
        }

        .clients-area {
          padding: 60px 0;
        }

        .clients-area h1 {
          font-size: 25px;
        }

        .portfolio-item, 
        #recent-works .col-xs-12.col-sm-4.col-md-3{
          padding:0 15px;
        }

        ul.social_icons li{
          margin-right: 0;
        }

        .blog .blog-item .entry-meta{
          margin-bottom: 20px;
        }

        .blog .blog-item .blog-content h3 {
          margin-bottom: 20px;
        }

        .post_reply_comments {
          padding-left: 20px;
        }

        #logoOnecondo{
          display: none;
        }

        #titleDiv01{
          margin-top: 70px;
        }
        #computersImage {
          display: block;
          height: auto;
          max-width: 80%;
          margin-left: auto;
          margin-right: auto;
          margin-top: -35px;
        }   

      #main-slider .carousel .carousel-content {
          margin-top: 110px;
      }
      #writing01 {
          font-size: 24px;
          margin-left: -130%;
          width: 210%;
          margin-top: 105%;
          text-align: center;
      }
      #main-slider .carousel .btn-slide {
          padding: 8px 20px;
          background: #FF4B61;
          color: #fff;
          border-radius: 4px;
          margin-top: 18px;
          display: inline-block;
          font-size: 16px;
          margin-left: -121%;
          width: 189%;
          height: 49px;
          line-height: 35px;
      }

      #versionsImages {
          display: inline-flex;
          margin-top: 13%;
          zoom: 47%;
          margin-left: 0%;
      }

      #main-slider .carousel .slider-img {
          text-align: right;
          position: absolute;
      }

      #appleStore, #googleStore, #webVersion{
        margin-top: 35px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 155px;
      }


      #stores {
          text-align: -webkit-center;
          text-align: -moz-center;
          margin-right: 0px;
          margin-left: 0px;
          width: 100%;
            display: block;
            align-items: center;
            justify-content: center;
      }

      #main-slider .carousel .item {
          height: 850px;
      }

      #icone01Png {
          text-align: -webkit-center;
          text-align: -moz-center;
          zoom: 81%;
            display: flex;
            align-items: center;
            justify-content: center;
      }
      #writingDiv02 {
          text-align: left;
          padding-bottom: 55px;
          margin-top: -1%;
          width: 106%;
      }
      #writingTitleDiv02 {
          font-size: 34px;
      }
      #writing02Div02 {
          font-size: 16px;
          margin-top: -4%;
      }
      #divTitle02 {
        margin-top: 9%;
        text-align: center;
        font-size: 41px;
      }
      #divTitle02Writing {
          font-size: 25px;
      }

      #containersRow {
          width: 97%;
          margin-left: 19px;
      }
      .feature-wrap {
          margin-bottom: 35px;
          overflow: hidden;
          margin-left: 0px;
      }
      .feature-wrap h2, .single-services h2 {
          font-size: 18px;
      }
      #vantagensDescription {
          width: 92%;
          height: 110px;
          font-size: 17px;
      }

      #icone02Png {
          margin-left: 0px;
          text-align: -webkit-center;
          text-align: -moz-center;
            display: flex;
            align-items: center;
            justify-content: center;
        }


      #icone03Png {
          text-align: -webkit-center;
          text-align: -moz-center;
            display: flex;
            align-items: center;
            justify-content: center;
      }


      #divTitle03 {
          margin-left: -5%;
          text-align: center;
      }
      #containersRow {
          width: 97%;
          margin-left: 19px;
      }
      #vantagensDescription {
          width: 92%;
          height: 110px;
          font-size: 15px;
          font-weight: 100;
          color: #645d5d;
      }
      .feature-wrap {
          margin-bottom: 35px;
          overflow: hidden;
          margin-left: 0px;
      }
      #divTitle03Writing {
          font-size: 25px;
          margin-right: 0px;
      }
      #testingButton02 {
          padding: 10px 20px;
          background: #FF4B61;
          color: #fff;
          border-radius: 4px;
          border: none;
          margin-top: 10px;
          width: 65%;
          height: 57px;
          font-size: 16px;
          line-height: 39px;
          font-weight: 100;
      }
        #computersImage {
            display: block;
            height: auto;
            max-width: 80%;
            margin-left: auto;
            margin-right: auto;
            margin-top: -35px;
        }
        #divForBannerDescription {
            margin-left: 56%;
        }
        #writing01 {
            font-size: 24px;
            margin-left: -130%;
            width: 210%;
            margin-top: 105%;
            text-align: center;
        }

      #footer .col-sm-6 {
          text-align: center;
      }

      #textoFuncionalidades {
            margin-top: 45px;
        }

        #appleStore2, #googleStore2 {
            max-width: 187px;
            padding: 0px 17px;
            padding-bottom: 40px;
        }

        #smartphoneLayer {
            max-width: 100%;
        }
        #testingButton03 {
            margin-bottom: 50px;
        }

        .syndicatePicture{
            margin-top: 60px;
        }
        #bottom h3 {
            margin-top: 0px;
        }
}
@media only screen and (max-width: 1022px) and (min-width: 768px) {
      #testingButton02 {
          padding: 10px 20px;
          background: #FF4B61;
          color: #fff;
          border-radius: 4px;
          border: none;
          margin-top: 10px;
          width: 34%;
          height: 57px;
          font-size: 16px;
          line-height: 39px;
          font-weight: 100;
      }

      #logofinalImage {
          width: 35%;
          margin-left: 31%;
          margin-top: 15%;
      }
}

@media only screen and (max-width: 767px) and (min-width: 414px){
      #testingButton02 {
          padding: 10px 20px;
          background: #FF4B61;
          color: #fff;
          border-radius: 4px;
          border: none;
          margin-top: 10px;
          width: 65%;
          height: 57px;
          font-size: 16px;
          line-height: 39px;
      }

      #footerConfig {
          width: 100%;
          display: inline-flex;
          font-size: 10px;
      }

      #facebookIcon {
          margin-top: -17px;
      }

      #footerFacebookConfig {
          float: left;
          margin-top: 19px;
          width: 20%;
          margin-left: 42%;
      }

      #logofinalImage {
        width: 47%;
        margin-left: 25%;
        margin-top: 18%;
      }

    #iphonefuncionalidades {
        padding-bottom: 65px;
        margin-left: auto;
        margin-right: auto;
        width: 80%;
    }

    .lead {
        padding: 4px 50px;
    }
    .request h4 a {
        margin-left: -8%;
    }

    #writingTitleDiv02 {
        font-size: 34px;
    }
    #writing02Div02 {
        font-size: 16px;
        margin-top: -4%;
        width: 107%;
        padding-left: 0px;
        padding-top: 70px;
    }
}

@media only screen and (max-width: 413px) and (min-width: 412px){
      #footerConfig {
          width: 100%;
          display: inline-flex;
          font-size: 10px;
      }

    .lead {
        padding: 0px 25px;
    }
    .request h4 a {
        margin-left: -8%;
    }
}


@media only screen and (max-width: 413px) and (min-width: 375px){
        #writingTitleDiv02 {
            font-size: 25px;
            padding-bottom: 35px;
        }

        #writingDiv02 {
            text-align: left;
            padding-bottom: 0px;
            margin-top: 18%;
            margin-left: 0%;
            width: 100%;
            padding-left: 0;
        }

        #writing02Div02 {
            font-size: 15px;
            width: 100%;
        }
        
        .lead {
            padding-left: 0px;
        }

        h7 {
            font-size: 25px;
        }
         
      #testingButton02 {
          padding: 10px 20px;
          background: #FF4B61;
          color: #fff;
          border-radius: 4px;
          border: none;
          margin-top: 10px;
          width: 80%;
          height: 57px;
          font-size: 16px;
          line-height: 39px;
      }

      #footerFacebookConfig {
          float: left;
          margin-top: 19px;
          width: 20%;
          margin-left: 42%;
      }

      #footerConfig {
          width: 100%;
          font-size: 10px;
      }

      #facebookIcon {
          margin-top: -7px;
      }

      #logofinalImage {
          width: 64%;
          margin-left: 16%;
          margin-top: 25%;
      }

    .lead {
        padding: 0px 25px;
    }
    .request h4 a {
        margin-left: -8%;
    }

}

@media only screen and (max-width: 374px) and (min-width: 359px){

        #writingTitleDiv02 {
            font-size: 25px;
        }

        #writingDiv02 {
            text-align: left;
            padding-bottom: 0px;
            margin-top: 18%;
            margin-left: 0%;
            width: 100%;
        }

        #writing02Div02 {
            font-size: 15px;
            padding-left: 0;
        }

        .lead {
            padding: 0px 25px;
        }

        h7 {
            font-size: 25px;
        }

      #icone02Png {
            text-align: -webkit-center;
            text-align: -moz-center;
        }

        #divTitle02Writing {
            font-size: 22px;
        }

      #testingButton02 {
          padding: 10px 20px;
          background: #FF4B61;
          color: #fff;
          border-radius: 4px;
          border: none;
          margin-top: 10px;
          width: 80%;
          height: 57px;
          font-size: 16px;
          line-height: 39px;
      }

      #footerConfig {
          width: 100%;
          display: inline-flex;
          font-size: 10px;
      }

      #footerFacebookConfig {
          float: left;
          width: 20%;
          margin-left: 41%;
          margin-top: 10%;
      }

      #logofinalImage {
          width: 65%;
          margin-left: 16%;
          margin-top: 27%;
      }

      .feature-wrap i {
            font-size: 37px;
            height: 92px;
            width: 92px;
            margin: 3px;
            border-radius: 100%;
            line-height: 90px;
            text-align: center;
            background: #ffffff;
            border: 3px solid #ffffff;
            box-shadow: inset 0 0 0 5px #f2f2f2;
            -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
            transition: 500ms;
            float: left;
            margin-right: 25px;
        }

        #testeFuncionlidades {
            padding: 30px 36px;
        }
        .request h4 a {
            margin-left: -8%;
        }
}



@media only screen and (max-width: 358px) and (min-width: 175px){
   
      #writingTitleDiv02 {
            font-size: 23px;
            width: 104%;
        }

        #writing02Div02 {
            font-size: 15px;
            width: 107%;
            padding-left: 0;
        }

      #writingDiv02 {
            text-align: left;
            padding-bottom: 0px;
            margin-top: 18%;
            margin-left: 0%;
            width: 100%;
        }       

    .lead {
        padding-left: 0px;
    }

      h7 {
            font-size: 23px;
        }

      #icone01Png {
            text-align: -webkit-center;
            text-align: -moz-center;
      }
         
      #icone02Png {
          margin-top: -13%;
          zoom: 81%;
      }

      #titleDiv01 {
          font-weight: 300;
          margin-left: 3.5%;
          margin-top: 125px;
      }

      #divTitle02 {
          margin-top: 7%;
          text-align: left;
          padding-bottom: 30px;
      }

      #divTitle02Writing {
          font-size: 22px;
      }

      #containersRow {
          width: 98%;
          margin-left: 5px;
      }

      #vantagensContainersAll {
          margin-left: -4%;
          padding: 0px;
      }

      #vantagensDescription {
          font-size: 12px;
      }

      .feature-wrap i {
          font-size: 37px;
          height: 92px;
          width: 92px;
          margin: 3px;
          border-radius: 100%;
          line-height: 90px;
          text-align: center;
          background: #ffffff;
          border: 3px solid #ffffff;
          box-shadow: inset 0 0 0 5px #f2f2f2;
          -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
          transition: 500ms;
          float: left;
          margin-right: 25px;
      }

      #icone03Png {
          zoom: 80%;
      }

      #divTitle03 {
          text-align: center;
      }
      #divTitle03Writing {
          font-size: 22px;
      }

      #testingButton02 {
          padding: 10px 20px;
          background: #FF4B61;
          color: #fff;
          border-radius: 4px;
          border: none;
          margin-top: 10px;
          width: 207px;
          height: 46px;
          font-size: 13px;
          line-height: 30.5px;
  	  }

      #footerConfig {
          width: 100%;
          display: inline-flex;
          font-size: 10px;
      }

      #footerFacebookConfig {
            float: left;
            width: 20%;
            margin-left: 41%;
            margin-top: 10%;
      }

      #main-slider .carousel .btn-slide {
          padding: 8px 20px;
          background: #FF4B61;
          /* color: #fff; */
          border-radius: 4px;
          margin-top: 15px;
          display: block;
          font-size: 12px;
          margin-left: -120%;
          width: 186%;
          height: 40px;
          line-height: 24px;
      }

      #logofinalImage {
          width: 65%;
          margin-left: 16%;
          margin-top: 38%;
      }

    .lead {
        padding: 0px 25px;
    }
    #testeFuncionlidades {
            padding: 30px 36px;
        }

        .request h4 a {
            margin-left: -10%;
        }
    #writingSmarthphoneLayer {
        font-size: 18px;
}


/* XS Portrait */  
@media only screen and (max-width: 480px) {
      #titleDiv01{
        margin-top: 50px;  
      }
      #main-slider .carousel h1{
        font-size: 21px;
      }
      #computersImage{
        max-width: 90%;
      }
}  


@media only screen and (max-width: 349px){
      #appleStore, #googleStore, #webVersion{
          margin-top: 10px;
          margin-left: 6%;
          width: 155px;
        }
      #appleStore{
        margin-top: 40px;
      } 

      #appleStore3, #googleStore3 {
        padding: 6px 4px;
    }

}