/**************  Responsive Media queries    **************/
@media (min-width: 1800px) {
  section.watches-colors.dark-colors .col-md-4 img{
    width: 100%;
  }
  .home section.hero{
    margin-top: -120px;
  }
  section.hero .carousel-inner .item h1{
    bottom: -48px;
  }
}
@media (min-width: 1201px) and (max-width: 1530px)  {
  section#ourproducts aside > img {
      max-width: 160px;
  }
  html.ru #header .primary .navbar .nav > li{
    padding: 37px 4px;
  }
}
@media (min-width: 1800px) {
  .aap .carousel-inner, .aap .carousel-inner .item {
    height: 630px;
  }
}
@media (min-width: 1680px) {
  section.hero .carousel-inner .item, section.hero figure{
    height: 810px;
  }
  section.hero .carousel-inner{
    margin-bottom: 140px;
  }
  .lifestyles.relivemoment{
    height: 850px;
  }
}
@media (min-width: 1500px) {
  section.photography {
      padding-left: 728px;
  }
  section.photography > img {
    left: 0px;
  }
  section.razor-thin img {
    right: -70px;
  }
}
@media (min-width: 768px) and (max-width: 991px)  {
  .products4 h3 {
    bottom: 16px;
    font-size: 16px;
    left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 790px)  {
  #header .primary .navbar .nav > li > a{
    font-size: 14px;
    padding: 0 9px;
  }
}
@media (min-width: 991px) and (max-width: 1200px)  {
  section.phone-spinner{
    height: 805px;
  }
  section#aair-right aside{
    padding-top: 100px;
  }
  .products4 h3 {
    bottom: 16px;
    font-size: 24px;
    left: 10px;
  }
  #header .primary .sub li, #header .primary .sub a {
    width: 188px;
  }
  html.ru #header .primary .navbar .nav > li > a, #header .primary .navbar .nav > li > a:visited {
      padding: 0 8px;
      font-size: 12px;
  }
  html.ru #header .primary .navbar .nav > li.parent.apps:after {
    width: 98px;
  }
  #header .primary .navbar .nav > li > a, #header .primary .navbar .nav > li > a:visited {
    padding: 0 7px;
    font-size: 12px;
  }
  section#sport .scale-image, section#earbud .scale-image, section#ultra2 .scale-image{
    height: 515px !important;
  }
  #aair-right .scale-image{
    height: 445px;
  }
  section#ourproducts aside > img {
    max-width: 122px;
  }
  section.hero .carousel-inner .item h1 {
    bottom: 96px;
  }
  section.hero .carousel-inner {
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) {
  #header .primary .navbar .nav > li > a, #header .primary .navbar .nav > li > a:visited{
    padding: 0 13px;
  }
  #header .primary .navbar .nav li.allp{
    position: fixed;
    left: 250px;
    z-index: 99999;
  }
  #header .primary .navbar .nav li.acc{
    position: fixed;
    left: 370px;
    z-index: 99999;
  }
  #header .primary .navbar .nav > li.language > a, #header .primary .navbar .nav > li.language > a:visited, #header .primary .navbar .nav > li.parent.apps > a, #header .primary .navbar .nav > li.parent.apps > a:visited{
    padding: 0px 17px;
  }
  #header .primary .navbar .nav > li svg.alogo{
    left: 14px;
  }
  #header .primary .navbar .nav > li  ul.sub li svg.alogo{
    left: 4px;
    top: 9px;
  } 
  html.open #header .primary .navbar .nav li.allp a{
    color: #f36c21 !important;
  }
  #header .primary .navbar .nav li.allp a svg rect{
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
  }
  html.open #header .primary .navbar .nav li.allp a svg rect, #header .primary .navbar .nav li.allp:hover a > svg rect{
    fill: #f36c21;
  }
  section#ourproducts aside{
    margin-bottom: 0px;
    border-bottom: 11px solid #fff;
  }
  section#ourproducts aside.active{
    border-bottom: 11px solid #dedede;
  }
}
@media (min-width: 992px) {
  footer{
    padding: 0 20px;
  }
  .aircase .apc p {
    line-height: 180%;
    font-size: 20px;
  }
  section#sport, section#earbud, section#ultra2{
    padding-bottom: 0;
  }
  section.headphone.dark-theme{
    padding: 90px 0;
  }
  section#aair-left.nopad aside {
    padding-top: 70px;
  }
  .right-text {
    text-align: right;
    margin-left: -5%;
  }
  .jp .wp h1, .kr .wp h1{
    font-size: 3.8em;
  } 
  .wp .intro span {
    font-size: 57px;
    text-align: center;
    display: block;
  }
  .appinfo .col-md-pull-1 .phone{
    margin-left: 20px;
  }
  section.smlspeaker-info .tab-nav h2 {
    font-size: 3.4em;
  }
  .home section.hero .featured-tablet img.fadeytop, .home section.hero .featured-tablet img#reflection{
    width: 1300px;
    max-width: none;
    left: 50%;
    margin-left: -650px;
  }
  .home section.hero .featured-tablet img.fadeytop{
    top: 100px;
  }
  section.pricing #watch-pricing h2, section.pricing #watch-pricing p{
    padding-left: 40px;
  }
  section.pricing .col-md-3{
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 1201px) {
  .lifestyles .abso p, .p3p .overview .container{
    padding: 0 160px;
  }
  section.hero .carousel-inner .item h1{
    font-size: 80px;
  }
  #aair-right .scale-image{
    margin-top: 50px;
  }
  .carousel-indicators {
    bottom: 80px;
  }
  section#ourproducts .dropdown-products ul li {
    width: 300px;
  }
  section#aair-right aside{
    padding-right: 40px;
  }
  .ap h2{
    font-size: 2.5em;
  }
  .aphonedark aside{
    padding: 90px 0 155px;
  }
  .tp .aphonedark aside{
    padding: 0;
  }
  .aircase .apc p{
    padding: 0 170px;
  }
  html.jp .aircase .apc p{
    padding: 0 150px;
  }
  section.pricing #watch-pricing h2, section.pricing #watch-pricing p{
    padding-left: 130px;
  }
  section.lazylines p{
    padding: 0 156px;
    font-size: 1.3em;
    line-height: 170%;
  }
  .aap section.lazylines p{
    padding: 0 140px;
  }
  .aphonedark.dark-theme h2{
    font-size: 70px;
  }
  .last-section h2 span, .aphonedark.dark-theme h2 span, .aphonedark.dark-theme span, section.tabletcta div span{
    font-size: 41px;
    font-weight: normal;
    display: block !important;
  }
  .tp section.overview p, .wp section.overview p{
    padding: 0 190px;
    line-height: 180%;
  }
  section.watchinfo p{
    padding: 0 150px;
    line-height: 200%;
  }
}
@media (max-width: 1900px) {
  section.watchs > img {
    top: 150px;
    left: -150px;
  }
  section.watcht > img {
    top: 150px;
    right: -150px;
  }
}
@media (max-width: 1600px) {
  section.watchs, section.watcht {
    padding: 200px 0;
  }
  section.watchs > img, section.watcht > img {
    width: 740px;
    top: 160px;
  }
  section.watchs > img {
    left: 0px;
  }
  section.watcht > img {
    right: 0px;
  }
  #header .primary .sub li{
    width: 148px;
  }
  #header .primary .sub a, #header .primary .sub a:visited{
    width: 146px;
    padding: 12px 10px 11px 10px;
  }
  #header .primary .sub li img{
    width: 145px;
  }
}
@media (max-width: 1420px){
  section.watchs > img {
    left: -110px;
  }
  section.watcht > img {
    right: -110px;
  }
}
@media (max-width: 1200px) {
  section.acc-grid .accheader h4{
    margin-top: -35px;
  }
  section.watchs > img, section.watcht > img {
    width: 600px;
    top: 200px;
  }
  section.watchs > img {
    left: -90px;
  }
  section.watcht > img {
    right: -90px;
  }
  section.photography > img{
    left: -180px;
  }
  section.photography{
    padding-left: 450px;
  }
  .phone aside, .tablet aside, .earbud aside, .headphone aside, .watches aside, .aphonedark aside{
    padding: 66px 0;
  }
  #header .primary .navbar .nav > li > a, #header .primary .navbar .nav > li > a:visited {
    padding: 0 9px;
    font-size: 14px;
  }
  #header .primary .sub li{
    width: 122px;
  }
  #header .primary .navbar .nav > li {
    padding: 37px 0px;
    position: relative;
  }
  #header .primary .sub a, #header .primary .sub a:visited{
    width: 120px;
    padding: 12px 10px 11px 10px;
  }
  #header .primary .sub li img{
    width: 119px;
  }
  #newaphoneback .scale-image {
    height: 1000px;
    top: -30px;
  } 
  #header .primary .navbar .nav > li.parent.apps:after{
    top: 30px;
    left: 6px;
    width: 60px;
    height: 30px;
  }
  section.acc-grid .col-md-8 aside img {
    max-width: 136px;
    width: 100%;
  }
  section.acc-grid aside {
    min-height: 277px;
  }
  section.acc-grid.ho aside {
    min-height: 275px;
  }
  section.side2side img {
    border-bottom: 195px solid #000;
  }
  .carousel-indicators {
    bottom: 140px;
  }
  .lifestyles .abso-right{
    top: 160px;
    right: 20px;
    font-size: 35px;
  }
  .tp section.hero{
    padding: 300px 0;
  }
  .home section.hero {
    margin-top: -40px;
    margin-bottom: 10px;
  }
  .wp .hero .intro, .ap .hero .intro{
    left: 30px;
  } 
  .ap .hero{
    height: 700px;
  }
  .aphonedark.dark-theme aside > span{
    font-size: 2.2em;
  }
  .aphonedark.dark-theme h2 span, .aphonedark.dark-theme span{
    font-weight: normal;
  }
  footer p.logo-footer svg{
    width: 150px;
  }
  .nav-tabs>li.active:after{
    bottom: -47px;
  }
  .sp section.hero.new-speaker{
    height: 670px;
  }
  section.hero {
    padding: 320px 0;
    height: auto;
  }
  h2 span{
    display: inline;
  }
  section.network .col-md-6:first-child {
    padding-top: 85px;
  }
  #newphone-specs{
    position: absolute;
    left: 63%;
    top: 110px;
    max-width: 750px;
    padding: 0 15px;
  }
  #newphone-specs h4{
    margin-top: 36px;
  }
  section#ourproducts .clearfix{
    display: block;
  }
  .newphone-features h4{
    width: 35%;
  }
  .newphone-features p {
    width: 65%;
  }
  section.phone .row > img{
    max-width: 530px;
    margin-top: -20px;
  }

  .newphone-info .col-md-4{
    padding-left: 15px;
    padding-right: 15px;
  }
  section.phone #info-top{
    top: 30px;
  }
 /* .wp section.hero.ld{
    background: url('https://s3.amazonaws.com/mobile-net/img/watch_hero.png') no-repeat center center;
    background-size: cover;
  }*/
  section.phone #info-bottom{
    bottom: 30px;
  }
  h2{
    font-size: 2.2em;
  }
  p{
    font-size: 1.2em;
    line-height: 140%;
  }
  .tablet .scale-image, .phone .scale-image, .headphone .scale-image, .earbud .scale-image, .watches .scale-image {
    width: 100%;
    height: 455px;
  }
  .watches .scale-image {
    margin-top: 15px;
  }
  section.pricing .surf-prices aside{
    padding-top: 130px;
  }
  section.pricing:after{
    left: 51%;
  }
}
@media (max-width: 991px) {
  section.acc-grid .accheader h4{
    margin-top: 0;
  }
  .accheader{
    margin-bottom: 25px;
  }
  section.watchs > img, section.watcht > img {
    position: static;
    top: auto;
    right: auto;
    left: auto;
    width: 100%;
    height: auto;
    margin: 15px 0;
  }
  .pp.p3p section.hero h1 {
    font-size: 60px;
  }
  .pp.p3p section.hero img{
    left: 0;
    margin-left: 0;
  }
  .p3p #newaphone {
    padding: 75px 0 !important;
  }
  section.photography {
    padding: 220px 0 120px;
  }
  .p3p #newaphone .col-md-6 aside {
      padding-left: 0px;
      padding-top: 0px;
  }
  #phone-gifs .row > div .pg-icon{
    width: 100px;
    height: 100px;
    margin: 0 auto;
  }
  section.photography > img {
    left: -30px;
    width: 340px;
    top: auto;
    bottom: 0;
  }
  section.photography {
    padding-left: 340px;
    height: 730px;
  }
  section.photography p {
    max-width: 330px;
    line-height: 160%;
  }
  section.razor-thin {
    position: relative;
    padding: 120px 0 170px;
  }
  section.last-section aside{
    padding-top: 70px;
  }
  section.last-section aside h2{
    margin-bottom: 40px;
  }
  #header .primary .sub li{
    width: 95px !important;
  }
  #header .primary .sub a, #header .primary .sub a:visited{
    width: 94px !important;
    padding: 12px 10px 11px 10px;
  }
  #header .primary .navbar .nav > li > a, #header .primary .navbar .nav > li > a:visited {
    padding: 0 6px;
    font-size: 12px;
  }
  #header .primary .sub li img{
    width: 92px !important;
  }
  #header .primary .navbar .nav > li.parent.apps:after{
    top: -7px;
  }
  section.acc-grid .charger{
    margin-bottom: 25px;
  }
  section.acc-grid.ho .charger{
    margin-top: 25px;
  }
  .fancybox-next span {
    width: 30px;
    height: 30px;
    background: url(../img/right.png) no-repeat center center;
    background-size: cover;
  }
  .fancybox-prev span {
    width: 30px;
    height: 30px;
    background: url(../img/left.png) no-repeat center center;
    background-size: cover;
  }
  .carousel-indicators {
    bottom: 0px;
  }
  section#ourproducts .dropdown-products ul li img{
    width: 120px;
    height: 120px;
  }
  section#ourproducts .dropdown-products ul li{
    width: 160px;
  }
  .aap section.hero .hero-ab{
    padding: 0 30px;
  }
  section.pricing.two-col-pricing img{
    float: none !important;
    margin-bottom: 20px;
  }
  section.watchinfo .treswatches img{
    padding: 0 20px;
    width: 230px;
    height: 304px;
  }
  section.watchinfo img#doswatch {
    padding: 0 20px;
  }
  #aair-right{
    padding: 50px 0 0;
  }
  #aair-left{
    padding: 0 0 50px;
  }
  #aair-right .scale-image {
    width: 450px;
    height: 410px;
    margin: 20px auto 0;
  }
  #aair-left .carousel-inner, #aair-left .carousel-inner .item {
    height: 460px;
    width: 650px;
  }
  .box.login-page .fade-left{
    border: 0;
  }
  .box.login-page section {
    padding: 70px 0;
  }
  .left-text, .right-text{
    text-align: center;
  }
  .aphonedark .scale-image {
    height: 400px;
  }
  .lifestyles .abso{
    bottom: 40px;
    font-size: 15px;
  }
  .section.features img{
    width: 70px;
    height: 70px;
  }
  .fade-left{
    border: 0;
  }
  #header .primary .language .sub, #header .primary .parent.apps .sub{
    top: 52px;
  }
  #header .primary .navbar .nav .open-sub{
    opacity: 0;
  }
  #header .primary .navbar .nav li.parent:nth-child(4) .open-sub, #header .primary .navbar .nav li.parent:nth-child(5) .open-sub, #header .primary .navbar .nav li.parent:nth-child(6) .open-sub, #header .primary .navbar .nav .language .open-sub, #header .primary .navbar .nav .parent.apps .open-sub{
    opacity: 1;
  }
  .login-page .left-box, .login-page .right-box{
    padding: 20px !important;
  }
  #header.dark-header.bk.transp{
    background: #000;
  }
  section.hero .carousel-inner .item h1{
    bottom: 74px;
  }
  section.hero .carousel-inner .item span{
    bottom: 30px;
  }
  #header .primary .navbar .nav {
    margin: 20px 2px;
  }
  #header .logo-box{
    padding-left: 15px;
  }
  #header .primary .navbar .nav > li {
    padding: 0px 2px 0;
  }
  .pp section.hero h1{
    font-size: 50px;
  }
  .pp section.hero .hero-ab{
    bottom: 40px;
  }
  .tp section.hero{
    padding: 260px 0;
  }
  .wp section.hero{
    height: 660px;
  }
  .box-wrapper{
    -webkit-perspective: 1000px;
    perspective: 1000px;
    width: 340px;
    height: auto;
    margin: 0 auto;
    position: static;
    left: auto;
    top: auto;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
  }
  .ap .hero{
    height: 660px;
   /* background: url('https://s3.amazonaws.com/mobile-net/042717_img/headphones_hero.jpg') no-repeat right center;
    background-size: cover;*/
  }
  .home .hero .carousel-caption .container{
    width: auto;
  }
  .hero_bottom {
    background: url(https://s3.amazonaws.com/mobile-net/042717_img/hero_signature_circle.jpg) no-repeat center 0;
    background-size: cover;
    height: 400px;
  }
  .section.features h1 {
    margin: 0;
  }
  section.hero.new-tablet{
    margin-top: 50px;
  }
  .nav-tabs>li>a{
    margin-right: 40px;
  }
  /*#header.dark-header.transp{
    background: #000;
  }*/
  section.overview.darkest h1 img.alogo{
    width: 38px;
    height: 38px;
  }
  .newphone-info table{
    width: 100%;
  }
  section.hero.new-phone > img {
    position: absolute;
    bottom: -70px;
    left: 50%;
    width: 751px;
    height: 171px;
    margin-left: -375px;
    z-index: 1;
  }
  #newphone-specs{
    position: static;
    max-width: none;
    padding: 0 15px;
    margin-bottom: 50px;
  }
  .lifestyles-block h2{
    font-size: 55px;
    margin-bottom: 15px;
  }
  .lifestyles-block p{
    font-size: 18px;
  }
  .lifestyles-block div{
    margin-top: -58px;
  }
  section.pricing .allheadphones {
    width: 33.3%;
    margin-bottom: 20px;
  }
  section.phone-spinner h2, section.network h2{
    text-align: center;
  }
  section.phone-spinner{
    height: auto;
    padding-bottom: 30px; /* 150px */
  }
  #phone-controls {
    position: absolute;
    bottom: 20px;
    left: 48%;
    margin-left: -110px;
    padding: 10px 0;
  }
  #newphone-specs h4{
    margin-top: 30px;
  }
  .home section.hero h1 img.alogo{
    width: 38px;
    height: 38px;
    margin-top: 8px;
    position: static;
  }
  .four-blocks .container, .newphone-info .container{
    width: 100%;
  }
  section.hero .carousel-inner, section.hero .carousel-inner .item, section.hero figure{
    height: auto;
  }
  .home section.hero .item:last-child img{
    bottom: auto;
    top: 70px;
  }
  .features-blocks aside{
    text-align: center;
    padding: 10px 0 10px;
  }
  .newphone-features.features-blocks aside{
    text-align: left;
  }
  .newphone-features h4{
    width: 40%;
  }
  .newphone-features p {
    width: 60%;
  }
  section.hero {
    padding: 240px 0;
    height: auto;
  }
  h1, section.hero.new-phone h1, .aap section.hero h1 {
    font-size: 3.4em;
  }
 /* .wp section.hero{
    background: url('https://s3.amazonaws.com/mobile-net/img/watch_hero.png') no-repeat center center;
    background-size: cover;
  }
  .wp section.hero.ld{
    background: url('https://s3.amazonaws.com/mobile-net/img/watch_hero.png') no-repeat center center;
    background-size: cover;
  }*/
  section.phone #info-top, section.phone #info-bottom{
    position: static;
    width: auto;
  }
  section.phone{
    padding: 30px 0;
  }
  section.phone .row > img{
    margin: 30px 0;
  }
  section.aos img#aos{
    max-width: 170px;
  }
  section.overview, .home section.overview{
    padding: 35px 0;
  }
  section.headphone .imgs{
    padding-top: 35px;
    padding-bottom: 35px;
  }
  #header .right-box{
    padding: 0;
  }
  #header .right-box-wrapper{
    padding-top: 16px;
  }
  .phone aside, .tablet aside, .earbud aside, .headphone aside, .watches aside, .aphonedark aside {
    padding: 60px 0 0px;
  }
  #studiobt-headphone .scale-image {
    margin-top: 40px !important;
  }
  #studiobt-headphone aside, #trac-headphone aside{
    padding: 10px 0;
  }
  .watches aside p:last-child{
    margin-bottom: 25px;
  }
  section.pricing .col-sm-4 h3{
    font-size: 16px;
  }
  .phone .scale-image, .tablet-features .scale-image, .tablet-features .whiteone .scale-image,  .phone-features .scale-image, .headphone .scale-image, .earbud .scale-image, .watches .scale-image, #studiobt-headphone .scale-image, #trac-headphone .scale-image, #newaphone .scale-image, #newaphoneback .scale-image  {
    width: 450px;
    height: 450px;
    margin: 0 auto;
    top: auto;
    left: auto;
    position: static;
  }
  .tablet .scale-image{
    width: 450px;
    height: 450px;
    margin: 0 auto;
  }
  #phone .imgs{
    display: table-footer-group;
  }
  #phone .col-md-6:last-child{
    display: table-header-group;
  }
  section.pricing .surf-prices aside, section.nopad aside{
    padding-top: 20px;
  }
  #newaphone{
    padding: 50px 0 !important;
  }
  #newaphoneback{
    padding: 10px 0 0 !important;
  }
  #newaphoneback #phoneslideup{
    padding-top: 60px;
  }
  section.pricing:after{
    left: 50%;
  }
  section.sport .col-md-6:first-child, section.kids .col-md-6:first-child, section.earbud .col-md-6:first-child{
    display: table-footer-group;
  }
  section.sport .col-md-6:last-child, section.kids .col-md-6:last-child, section.earbud .col-md-6:last-child{
    display: table-header-group;
  }
  section.pricing .col-md-3, section.pricing .col-md-4{
    margin-bottom: 20px;
  }
  .tp section.hero .hero-ab, .wp section.hero .hero-ab{
    bottom: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px)  {
  html.ru #header .primary .navbar .nav > li > a, #header .primary .navbar .nav > li > a:visited {
      padding: 0 8px;
      font-size: 10px;
  }
  html.ru #header .primary .navbar .nav > li.parent.apps:after {
    width: 88px;
  }
  html.jp #header .primary .navbar .nav > li > a, #header .primary .navbar .nav > li > a:visited {
    padding: 0 6px;
    font-size: 11px;
  }
  section#ourproducts aside > img {
    max-width: 110px;
    margin-bottom: 20px;
  }
  section.pricing aside > img{
    max-width: 270px;
  }  
  section.smlspeaker-info .tab-container {
    padding: 105px 0;
  }
  #header .logo svg{
    width: 100%;
  }
  #aair-left aside{
    padding-left: 70px;
  }
  #header .primary .sub li, #header .primary .sub a {
      width: 148px;
  }
  .allproducts a.btns{
    font-size: 12px;
    padding: 12px 15px;
  }
  section#ourproducts .allproducts p span{
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  section.acc-grid .accheader ul li a{
    font-size: 11px;
  }
  section.acc-grid .accheader ul{
    padding-right: 100px;
  }
  section.acc-grid .accheader ul li{
    margin-bottom: 10px;
  }
  #products_nav .row img {
    width: 115px;
    height: auto;
  }
  #products_nav{
    padding-top: 30px;
    overflow: scroll;
    z-index: 111;
  }
  #products_nav .row .prod a span {
    position: absolute;
    bottom: 5px;
    left: 0;
    text-align: center;
    width: 100%;
  }
  #products_nav .row h2 {
    margin-top: 0 !important;
  }
  #products_nav .row .prod.prodtitle{
    padding-bottom: 0;
  }
  #products_nav .row .prod{
    padding-top: 0;
    padding-bottom: 28px;
    margin-bottom: 15px;
  }
  .open #products_nav {
    top: 90px;
    overflow-x: hidden;
  }
  #products_nav h4{
    font-size: 1em;
  }
  .pp.p3p section.overview p{
    padding: 0;
  }
  #phone-gifs .row > div .pg-icon{
    width: 80px;
    height: 80px;
    margin: 0 auto;
  }

  #phone-gifs .row > div span{
    padding: 0 10px;
    font-size: 11px;
    display: block;
  }
  section.razor-thin img {
    position: absolute;
    bottom: 0;
    right: -30px;
  }
  section.photography div > img {
    width: 40px;
    display: block;
    margin: 5px 0;
  }
  section.last-section aside{
    padding-top: 20px;
  }
  section.last-section div.col-sm-6:last-child{
    text-align: center;
  }
  section.last-section img{
    width: 340px;
  }
  #header .primary .navbar .nav .parent {
    width: auto;
    padding: 0 0 0 3px;
    margin: 0 0 3px;
  }
  .products4 .col-sm-3{
    margin-bottom: 15px;
  }
  #header .primary .navbar .nav li.allp a svg rect{
    fill: #000;
  }
  #header .primary .navbar .nav li.allp a svg{
    width: 14px;
    height: 14px;
  }
  .products4 a {
    width: 340px;
    margin: 0 auto 30px;
  }
  .products4 h3{
    font-size: 22px;
  }
  .products4 span {
    font-size: 17px;
  }
  #products_nav{
    padding-top: 30px;
    overflow: scroll;
    z-index: 111;
  }
  #products_nav .row .prod a span {
    position: absolute;
    bottom: 5px;
    left: 0;
    text-align: center;
    width: 100%;
  }
  #products_nav .row h2 {
    margin-top: 0 !important;
  }
  #products_nav .row .prod.prodtitle{
    padding-bottom: 0;
  }
  #products_nav .row .prod{
    padding-top: 0;
    padding-bottom: 28px;
  }
  .open #products_nav {
    top: 54px;
  }
  #products_nav h4{
    font-size: 1em;
  }
  #header .primary .navbar .nav li.parent.language a, #header .primary .navbar .nav li.parent.apps a {
    padding: 11px 7px !important;
    color: #1e1e1e !important;
  }
  #header.dark-header .primary .navbar .nav > li > a, #header.dark-header .primary .navbar .nav > li > a:visited{
    color: #000;
  } 
  #header .primary .navbar .nav > li > a, #header .primary .navbar .nav > li > a:visited {
    padding: 10px 8px;
    font-size: 14px;
  }
  #header .primary .navbar .nav {
    margin: 0;
  }
  #header .primary .language .sub li, #header .primary .parent.apps .sub li {
    float: none;
    width: auto;
  } 
  #header .primary .navbar .nav > li.parent.apps:after{
    display: none;
  }
  section#ourproducts .dropdown-products ul li {
    width: 130px;
  }
  section.watchinfo .treswatches img{
    padding: 0 20px;
    width: 180px;
    height: 224px;
  }
  .lifestyles .abso-right{
    top: 160px;
    right: 20px;
    font-size: 25px;
    max-width: 300px;
  }
  #aair-left .carousel-inner, #aair-left .carousel-inner .item {
    height: 330px;
    padding: 10px;
    width: 480px;
  }
  .aap section.hero .hero-ab{
    bottom: 60px;
  }
  .aap section.hero .hero-ab p{
    font-size: 1.1em;
  }
  .lifestyles .abso-top {
    top: 30px;
  } 
  .lifestyles .abso-top h2 {
    font-size: 45px;
  }
  .lifestyles.ultimatepackage .abso p{
    font-size: 15px;
  }
  .tp section.hero .hero-ab, .wp section.hero .hero-ab{
    bottom: 60px;
  }
  .tp section.hero h3, .wp section.hero h3 {
    font-size: 32px;
  }
  .tp section.hero h1, .wp section.hero h1{
    font-size: 46px;
  }
  #header.dark-header .nav li.parent.language svg path{
    stroke: #000;
  }
  #header .primary .sub li img {
    width: 80px !important;
    height: auto;
    display: block;
  }
  #header.dark-header .primary .sub a > span {
    color: #222;
    margin-left: 0;
    line-height: 130%;
    font-size: 12px;
  }
  #header .primary .sub a, #header .primary .sub a:visited {
    width: 100% !important;
  }
  #header .primary .sub li {
    line-height: 10px;
    opacity: 1;
    width: 140px;
  }
  #header .primary .sub ul li {
    width: 140px !important;
  }
  .sp section.hero.new-speaker {
    height: 560px;
  }
  .wp .intro #aw span {
    width: 340px;
    height: 130px;
  }
  .lifestyles.relivemoment{
    height: 530px;
  }
  .lifestyles.relivemoment h2{
    top: 240px;
  }
  #newtabletspecs hr, #watchspecs hr{
    margin-left: auto;
  }
  .ap .hero{
    height: 540px;
    /*background: url('https://s3.amazonaws.com/mobile-net/042717_img/headphones_hero.jpg') no-repeat right center;
    background-size: cover;*/
  }
  section.pricing .col-sm-4 h3{
    font-size: 22px;
  }
  section.newtablet-full{
    height: auto;
    padding: 40px 0;
  }
  section.lazylines{
    padding: 90px 0;
  }
  .lifestyles .carousel-fade .carousel-inner .item{
    height: 470px;
  }
  .lifestyles .carousel-indicators{
    width: 100%;
  }
  .lifestyles .carousel-indicators li{
    width: 130px;
    height: 97px;
    margin: 0 10px 0 0;
  }
  .lifestyles .carousel-indicators li:nth-child(1):before, .lifestyles .carousel-indicators li:nth-child(2):before, .lifestyles .carousel-indicators li:nth-child(3):before{
    font-size: 14px;
  }
  section.pricing .allheadphones {
    width: 50%;
    margin-bottom: 20px;
  }
  section.newtablet-full video, section.newtablet-full .bandinfo{
    position: static;
  }
  section.newtablet-full .bandinfo table{
    margin-bottom: 30px;
    width: 100%;
  }
  section.hero .carousel-inner .item h1 {
    bottom: 50px;
  }
  .nav-tabs{
    margin-top: 15px;
  }
  .nav-tabs>li.active:after{
    bottom: -44px;
  }
  section.smlspeaker-info .tab-container{
    padding: 40px 0;
  }
  .lifestyles .abso h2, section.lazylines h2{
    font-size: 46px;
    margin-bottom: 10px;
  }
  #newphone-specs{
    margin-bottom: 0;
  }
  section#ourproducts aside > img{
    max-width: 130px;
    margin-bottom: 15px;
  }
  section.network .col-md-6:first-child {
    padding-top: 35px;
  }
  .home section.hero img#reflection.appearnow{
    bottom: 74px;
  }
  section.overview.darkest h1 img.alogo {
    width: 34px;
    height: 34px;
  }
  .home section.hero{
    margin-bottom: 30px;
  }
  #header .primary .navbar .nav > li:hover > a, #header .primary .navbar .nav li.onactive > a{
    color: #010000;
  }
  section.hero .carousel-inner .carousel-caption{
    bottom: 0;
  }
  section.phone-spinner {
    padding-bottom: 70px;
  }
  .home section.hero h1 img.alogo{
    width: 33px;
    height: 33px;
    margin-top: 8px;
    position: static;
  }
  .home section.hero .item:last-child img{
    padding-top: 40px;
  }
  section.watch-bgs #all-angles{
    height: 400px;
  }
  .newphone-info table{
    width: 290px;
    margin: 0 auto;
  }
  section#ourproducts .clearfix{
    display: none;
  }
  .newphone-info .col-md-4:first-child{
    text-align: center;
  }
  .newphone-info .col-md-4{
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .newphone-info .container{
    padding: 0;
  }
  #speaker-feature h3{
    margin: 0 0 15px 0 !important;
    text-align: center;
  }
  .features-blocks aside:last-child img{
    margin: 0 auto;
  }
  .features-blocks aside:last-child img:last-child{
    margin-bottom: 30px;
  }
  section.newphone-images div, section.newtablet-images div, section.headphone-images div, section.speaker-images div, section#ultra2-colors div, section#sport-colors div{
    height: 220px;
  }
  section.hero.new-phone > img {
    width: 80%;
    margin-left: -40%;
    height: auto;
    bottom: -50px;
  }
  .carousel-control span {
    width: 28px;
    height: 28px;
  }
  section.hero {
    padding: 210px 0;
    height: auto;
  }
  .color-switch div{
    width: 30px;
    height: 30px;
  } 
  section#ourproducts .allproducts{
    width: 33.3%;
  }
  .tablet .scale-image, .phone .scale-image, .tablet-features .scale-image, .tablet-features .whiteone .scale-image,  .phone-features .scale-image, .headphone .scale-image, .earbud .scale-image, .watches .scale-image  {
    width: 400px;
    height: 400px;
    margin: 0 auto;
  }
  section.pricing aside > img{
    margin: 5px 0 35px;
  }
  #menu{
    display: none;
  }
  section, section.overview_signature, section.newphone-features.features-blocks, section.network{
    padding: 30px 0;
  }
  section.pricing .col-md-6{
    margin-bottom: 20px;
  }
  #header .primary .navbar .nav .parent .parent > a:after {
    display: none;
  }
  section.pricing:after{
    display: none;
  }
  .p3p .lifestyles-block div{
    left: 30px;
    margin-top: -20px;
  }
  .p3p .lifestyles-block div h4{
    font-size: 30px;
  }
  #header .primary .navbar .nav .open-sub {
    bottom: 0;
    right: 0;
    position: absolute;
    top: 0;
    width: 55px;
    cursor: pointer;
  }
  #header .primary .navbar .nav li.parent:nth-child(3) .open-sub {
    display: none;
  }
  #header .primary .navbar .nav .open-sub span {
    background: #333;
    display: block;
    height: 2px;
    margin: 19px 0 0 15px;
    position: absolute;
    width: 16px;
  }
  #header .primary .navbar .nav .open-sub span + span {
    height: 16px;
    margin: 12px 0 0 22px;
    width: 2px;
  }
  #header .primary .navbar .nav .parent .parent > a .open-sub span,
  #header .primary .navbar .nav .megamenu .title .open-sub span {
    background: #7f7f7f;
    height: 2px;
    margin: 14px 0 0 38px;
    position: absolute;
    width: 12px;
  }
  #header .primary .navbar .nav .parent .parent > a .open-sub span + span,
  #header .primary .navbar .nav .megamenu .title .open-sub span + span {
    height: 12px;
    margin: 9px 0 0 43px;
    width: 2px;
  }
  #header .primary .navbar .nav > li.parent:hover > a:after {
    display: none;
  }
  #header .primary .navbar .nav .parent .sub {
    display: none !important;
  }
  #header .primary .sub, #header .primary .parent .sub, #header .primary .parent:hover > .sub, #header .primary .parent.apps .sub, #header .primary .parent.apps:hover > .sub {
    background: #f7f7f7;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: none;
    font-size: 13px;
    height: 140px;
    width: auto;
    opacity: 1;
    visibility: visible;
    left: 0;
    top: 0;
    right: auto;
    line-height: 10px;
    padding: 6px 0 5px;
    position: relative;
  }
  #header .primary .navbar .nav .parent.active .sub {
    display: block !important;
  }
  #header .primary .navbar .nav > li.parent:hover > a {
    background: none;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  #header .primary .language .sub, #header .primary .parent.language .sub, #header .primary .parent.language:hover > .sub, #header .primary .language .sub, #header .primary .parent.apps .sub, #header .primary .parent.apps:hover > .sub {
    top: 0;
    height: 212px;
  }
  #header .primary .phone-acc.parent.apps .sub {
    height: 50px !important;
  }
  #header .primary .navbar .nav > .parent.active > a,
  #header .primary .navbar .nav > .parent.active:hover > a{
    background: #f7f7f7;
    background-position: 15px 50%;
    background-repeat: no-repeat;
    color: #010000;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  #header .primary .navbar .nav > .parent.active > a .open-sub span {
    background: #fff;
  }
  #header .primary .navbar .nav .parent.active > a .open-sub span + span,
  #header .primary .megamenu .box.active .title .open-sub span + span {
    display: none;
  }
  #header .primary .parent:hover > .sub {
    -webkit-animation: fadeIn 0;
    animation: fadeIn 0;
  }
  #header .primary .sub li {
    line-height: 10px;
  } 
  #header .primary .navbar .nav a > i {
    color: #1e1e1e;
  }
  #header .primary li:hover > .sub a {
    background: none;
  }
  #header .primary .sub a{
    padding: 10px 22px !important;
  }
  .container-fluid{
    width: 100%;
  }
  section.pricing > div > img{
    max-width: 300px;
  }
  .tablet .scale-image, .phone .scale-image, .headphone .scale-image, .earbud .scale-image, .watches .scale-image, #studiobt-headphone .scale-image, #trac-headphone .scale-image, #speaker .scale-image{
    width: 300px;
    height: 300px;
    margin: 0 auto;
  }
  .speaker aside{
    padding: 20px 0;
  }
  .phone aside, .tablet aside, .earbud aside, .headphone aside, .watches aside, .aphonedark aside{
    padding: 40px 0 0;
  }
  .earbud aside, .headphone aside{
    padding: 40px 0;
  }
  h2 {
    font-size: 2.3em;
  }
  .allfeatures .col-md-3{
    padding-left: 0;
    padding-right: 0;
  }
  .cta p{
    margin: 15px 0;
  }
  .aos{
    text-align: center;
  }
  .aos img#aos{
    margin-bottom: 30px;
  }
  #header .right-box-wrapper{
    padding-top: 13px;
  }
  footer a.logo-footer{
    float: none;
  }

  footer p.logo-footer{
    text-align: center;
  }
  #header .right-box{
    padding-left: 15px;
    padding-right: 15px;
  }
  .price{
    font-size: 17px !important;
  }
  footer .col-md-2{
    padding: 0;
  }
  footer .col-md-9 {
    padding-top: 16px;
    padding-bottom: 10px;
    text-align: center;
  }
  .soc-media {
    position: relative;
    width: 181px;
    margin: 0 auto;
  }
  .soc-media, .footer-links, footer .copy{
    float: none;
    text-align: center;
  }
  .copy, .footer-links{
    display: inline;
  }
  .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
  }
  .navbar-default .navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 3px;
    border-radius: 1px;
    background-color: #000;
  }
  #header.dark-header .navbar-default .navbar-toggle.collapsed .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-toggle.collapsed .icon-bar {
    background-color: #000;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  #header.dark.transp .primary .navbar .nav > li > a, #header.dark.transp .primary .navbar .nav > li > a:visited{
    color: #000;
  }
  #header.dark.transp ul.nav li a > svg .circ{
    fill: #000;
  }
  #header.dark.transp ul.nav li a > svg .acessea{
    fill: #fff;
  }
  #header.dark.transp li.parent svg.globe path{
    stroke: #000;
  }
  #header.dark.transp .navbar-default .navbar-toggle.collapsed .icon-bar{
    background-color: #fff;
  }
  .navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 4px;
  }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus  {
    background-color: #f36c21;
  }
  .navbar-default .navbar-toggle.collapsed {
    background: none;
  }
  #header .primary .navbar .nav > li{
    padding: 0 0 0 3px;
    float: none;
    margin: 0 0 3px;
  }
  #header .primary .navbar .nav > li svg.alogo {
    top: 10px;
  }
  #header .primary .navbar .nav > li ul.sub li svg.alogo {
    top: 7px;
  }
  #header .primary .navbar .navbar-collapse{
    position: fixed;
    top: 90px;
    left: 0px;
    width: 100%;
    background-color: #eaeaea;
    max-height: inherit;
  }
  h1, html.ru h1{
    line-height: 100%;
    font-size: 3em;
  }
  section.hero p, section.overview p, section.hero .intro p{
    font-size: 1.2em;
  }
  section.overview p img{
    width: 21px;
    height: 21px;
  }
  section.pricing .two-surfs aside:before{
    bottom: 0;
    left: 150px;
  }
  section.pricing .two-surfs aside:after{
    bottom: 0;
    right: 150px;
  }
  #header .primary .navbar .nav > li:hover > svg path.circ, #header .primary .navbar .nav li.onactive svg path.circ{
    fill: #231F20;
  }
  #header .nav li.parent.language:hover svg path {
    stroke: #3A3A3A;
  }
  section.network .container{
    padding: 0;
  }
  section.pricing #watch-pricing .col-sm-6{
    text-align: center !important;
  }
  section.pricing #watch-pricing .col-md-6 > img{
    margin-top: 20px;
  }
  section.hero.new-speaker h2{
    font-size: 3em;
  }
  .pp section.hero .hero-ab p{
    font-size: 1.1em;
    padding: 0 15px;
  }
  .mhym{
    opacity: 1 !important;
    margin: 130px 0 !important;
  }
  section.hands{
    padding: 100px 0 0 !important;
  }
  img.twohands{
    position: static;
    transform: translate(0, 0) !important;
  }
}
@media (max-width: 600px) {
  .home section.hero h1{
    bottom: 0px !important;
  }
  section.acc-grid .accheader .acc-buy{
    bottom: 15px;
  }
  .home section.cta{
    padding: 55px 0;
  }
  .products4 span{
    font-size: 14px;
  }
  footer{
    padding: 15px 0;
  }
  section#ourproducts .allproducts p span, section#ourproducts aside p {
    font-size: 15px;
  }
  .open .box, .open .footer {
    display: none;
  }
  #sticky-buybtn {
    top: 70px;
  }
  .open #products_nav {
    top: 54px;
  }
  #products_nav .row img {
    width: 75px !important;
  }
  .wp section.hero .hero-ab {
    left: 20px;
  }
  section.watchs, section.watcht {
    padding: 80px 0;
  }
  .box.wp .lifestyles .item h3{
    top: 40%;
  }
  #phone-gifs .row > div {
    width: 33%;
    padding: 10px 0;
  }
  section.last-section aside h2{
    font-size: 2.5em;
  }
  .last-section h2 span{
    font-size: .6em;
  }
  section.last-section{
    padding: 50px 0 0;
  }
  .pp.p3p section.overview {
    padding: 75px 0 65px;
  }
  section.razor-thin {
    position: relative;
    padding: 75px 0 100px;
  }
  .pp.p3p section.hero h1{
    font-size: 30px;
  }
  .pp.p3p section.hero{
    height: 300px;
  }
  h1, html.ru h1, section.hero.new-phone h1{
    font-size: 2.2em;
  }
  section.hero .carousel-inner .item h1 {
    bottom: 35px;
  }
  section.hero .carousel-inner .item span{
    bottom: 15px;
    left: 40%;
    font-size: 14px;
    width: 100px;
  }
  .products4 h3 {
    font-size: 16px;
    left: 10px;
  }
  #products_nav .row img {
    width: 75px !important;
  }
  #header .primary .sub ul li a {
    padding: 10px 5px !important;
  }
  #header .primary .sub ul li {
    width: 75px !important;
  }
  #header .primary .sub li img {
    width: 61px !important;
    height: auto;
    display: block;
  }
  #header .primary .navbar .nav li.parent.language a, #header .primary .navbar .nav li.parent.apps a {
    padding: 9px 7px !important;
  }
  #header .primary .language .sub, #header .primary .parent.language .sub, #header .primary .parent.language:hover > .sub, #header .primary .language .sub, #header .primary .parent.apps .sub, #header .primary .parent.apps:hover > .sub {
    top: 0;
    height: 173px;
  }
  section#ourproducts .dropdown-products.expanded {
    margin-top: -10px;
  }
  #header .primary .language .sub, #header .primary .parent.apps .sub{
    margin-top: 0;
  }
  .carousel-indicators .active, .carousel-indicators li {
    width: 10px;
    height: 10px;
  }
  section#ourproducts .dropdown-products ul li span {
    font-size: 14px;
  }
  section#ourproducts .dropdown-products ul li {
    width: 77px;
    padding: 10px 0 40px;
  }
  section#ourproducts .dropdown-products ul li img {
    width: 61px;
    height: 61px;
  }
  section.watchinfo .treswatches img{
    padding: 0 10px;
    width: 100px;
    height: 128px;
  }
  section.watchinfo img#doswatch {
    padding: 0 10px;
  }
  .lifestyles .abso-right, html.jp .lifestyles .abso-right{
    top: auto;
    bottom: 40px;
    right: 20px;
    font-size: 25px;
    max-width: 260px;
  }
  .lifestyles .abso-right p{
    font-size: inherit;
  }
  section.tabletcta div span {
      font-size: 29px;
  }
  section.tabletcta {
    height: 450px;
  }
  .aap .carousel-control span{
    width: 22px;
    height: 22px;
  }
  #aair-left ul li{
    padding: 2px 0;
  }
  .aap section.hero{
    padding-bottom: 50px;
  }
  .aap section.hero h1{
    font-size: 2.8em;
    margin: 0;
  }
  .aap section.hero .hero-ab{
    bottom: 35px;
    padding: 0 15px;
  }
  .aap section.hero .hero-ab p{
    font-size: 1.1em;
    line-height: 130%;
  }
  section.hero.new-speaker h2{
    font-size: 2.2em;
    top: 80px;
  }
  .aphonedark .scale-image {
    height: 80px;
  }
  section.watchinfo .grids aside{
    float: none;
    width: 100%;
    margin: 0 0 10px;
  }
  section.watchinfo .grids aside br{
    display: none;
  }
  .wp .intro #aw span {
    width: 160px;
    height: 110px;
    margin-left: 70px;
  }
  .tp section.hero .hero-ab, .wp section.hero .hero-ab{
    bottom: 30px;
  }
  .lifestyles.masterpiece {
    padding: 0 0 120px 0;
  }
  .lifestyles .abso {
    bottom: 40px;
  } 
  .tp section.hero h3, .wp section.hero h3 {
    font-size: 23px;
  }
  .tp section.hero h1, .wp section.hero h1{
    font-size: 36px;
  }
  .wp .hero .hero-aside, .ap .hero .hero-aside{
    height: 240px;
  }
  .wp .hero .intro, .ap .hero .intro{
    top: 250px !important;
  }
  .sbt .hero .intro {
    top: 90px !important;
  }
  .sp section.hero.new-speaker {
    height: 380px;
  }
  .lifestyles-block h2{
    font-size: 45px;
    margin-bottom: 15px;
  }
  .lifestyles-block p{
    font-size: 16px;
  }
  .lifestyles-block div{
    margin-top: -58px;
  }
  .lifestyles .carousel-indicators li {
    width: 80px;
    height: 57px;
  }
  #header .primary .navbar .nav > li > a{
    font-size: 13px;
  }
  section.pricing h4{
    font-size: 25px;
    margin: 15px 0;
  }
  section.smlspeaker-info .tab-nav{
    padding: 40px 0;
  }
  .lifestyles .carousel-indicators li:before{
    top: 30px !important;
  }
  .lifestyles .carousel-fade .carousel-inner .item {
    height: 370px;
  }
  #header .primary .navbar .nav{
    margin-top: 0;
  }
  .ap .hero{
    height: 370px;
  }
  .wp .hero .intro h1, .ap .hero .intro{
    margin-bottom: 8px;
  }
  .tp section.hero{
    padding: 140px 0;
  }
  .wp section.hero{
    height: 364px;
  }
  .pp section.hero h1{
    font-size: 30px;
    top: 70px;
  }
  .pp.p3p section.hero h1{
    top: auto;
  }
  section.pricing #watch-pricing{
    width: 100%;
  }
  section.pricing aside > img{
    max-width: 160px;
  }
  section.pricing aside > img{
    margin: 10px 0 0;
  } 
  section.hero p, section.overview p, section.hero .intro p{
    font-size: 1em;
  }
  img.acesselogo {
    width: 63px;
    height: 17px;
  }
  section.pricing #watch-pricing img.acesselogo {
    width: 74px;
    height: 21px;
  }
  section.pricing #watch-pricing p{
    font-size: 20px;
  }
  section.hero.new-tablet{
    margin-top: 30px;
  }
  section.watch-bgs #all-angles{
    height: 280px;
  }
  section.pricing .allheadphones {
    width: 100%;
    margin-bottom: 20px;
  }
  section.speaker-images div {
    height: 130px;
  }
  section.overview.darkest h1 img.alogo {
    width: 22px;
    height: 22px;
  }
  section.phone-spinner{
    padding-bottom: 30px;
  }
  .home section.hero h1 img.alogo, html.ru .home section.hero h1 img.alogo{
    width: 29px;
    height: 29px;
    margin-top: 3px;
    position: static;
  }
  section.pricing h3{
    font-size: 19px;
  }
  .wp .hero .intro, .ap .hero .intro{
    left: 15px;
  }
  .navbar-toggle{
    margin-top: 6px;
  }
  section.newphone-images div, section.newtablet-images div, section.headphone-images div, section#ultra2-colors div, section#sport-colors div{
    height: 160px;
  }
  section.hero.new-phone h1 img.alogo{
    width: 23px;
    height: 23px;
    margin-top: 5px;
  }
  section.hero.new-phone{
    height: 280px;
    padding: 0;
  }
  .wp .hero .intro, .ap .hero .intro{
    top: 28%;
  }
  html.ru a.btns{
    font-size: 11px;
  }
  .home section.hero img.bottom-arrow, .home section.hero .item:last-child img.bottom-arrow{
    width: 35px;
    height: 20px;
  }
  section#ourproducts .allproducts{
    width: 33%;
  }
  .home section.hero .item:last-child img{
    top: 20px;
  }
  #info-top h2{
    margin-bottom: 0;
  }
  footer .col-xs-12:first-child{
    margin-top: 0;
  }
  section.allfeatures p {
      margin-bottom: 24px;
  }
  section.overview .row > img{
    width: 30px;
  }
/*  .wp section.hero{
    background: url('https://s3.amazonaws.com/mobile-net/img/watch_hero.png') no-repeat center center;
    background-size: cover;
  }*/
/*  .wp section.hero.ld{
    background: url('https://s3.amazonaws.com/mobile-net/img/watch_hero.png') no-repeat center center;
    background-size: cover;
  }*/
  section.overview img.alogo{
    width: 18px;
    height: 18px;
  }
  section.hero img.alogo{
    width: 13px;
    height: 13px;
  }
  section.headphone p img.alogo, section.earbud p img.alogo, section.watches p img.alogo, section.phone p img.alogo, section.tablet p img.alogo{
    width: 10px;
    height: 10px;
  }
  section.hero{
    color: #fff;
    padding: 0;
    height: 240px;
  }
  section.hero {
    height: 280px;
  }
  section.pricing h3 img.alogo{
    width: 16px;
    height: 16px;
  }
  section.network h2, section.phone-spinner h2, h2, section.tablet-features h2, section.phone-features h2, section.pricing h2, section.features-blocks h2{
    font-size: 1.8em;
  }
  section.phone-spinner h2, section.network h2{
    margin-bottom: 15px;
  }
  section.pricing h2, section.allfeatures h2{
    font-size: 2.7em;
  }
  section.overview{
    padding: 30px 0;
  }
  .aap section.overview {
    padding: 50px 0;
  }
  .tp section.overview, .tp section.lazylines, section#newtabletspecs{
    padding: 60px 0;
  }
  section.overview.dark{
    padding: 45px 0;
  }
  section.allfeatures .col-md-12{
    padding: 0;
  }
  p{
    font-size: 14px;
  }
  .cta a.btns{
    padding: 15px;
  }
  .tablet-features .scale-image, .tablet-features .whiteone .scale-image, .phone-features .scale-image, #newaphone .scale-image, #newaphoneback .scale-image{
    height: 300px;
    width: 300px;
  }
  section.overview p{
    font-size: 15px;
  }
  section.cta p{
    font-size: 2.2em;
  }
  section.pricing a {
    font-size: 16px;
  }
  #header {
    min-height: 54px;
  }
  #header .primary .navbar .navbar-collapse, #header.transp .primary .navbar .navbar-collapse {
    top: 54px;
  }
  #header .logo {
    height: 54px;
    padding-left: 15px;
  }
  #header .logo svg{
    max-width: 100%;
    width: 138px;
    height: 37px;
    margin-top: 6px;
  }
  #header .right-box-wrapper {
    padding-top: 2px;
  }
  #header .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .allfeatures h3{
    margin-bottom: 11px;
  }
  .aircase .apc {
    padding: 50px 30px;
  }
}

@media (max-width: 550px) {
  section.last-section img {
    width: 220px;
  }
  section.photography p {
    max-width: 100%;
  }
  section.photography {
    padding: 30px 0;
    height: auto;
  }
  section.photography h2{
    margin-top: 30px;
  }
  section.photography > img{
    position: static;
    top: auto;
    left: auto;
    bottom: auto;
    width: 320px;
  }
  section.photography div > img{
    display: inline-block;
    margin-right: 10px;
  }
  .p3p #newaphone ul li{
    padding: 2px 0;
    font-size: 11px;
  }
  .p3p section.ap3-fea ul.nav-tabs li a{
    width: 15px;
    height: 15px;
    margin-right: 7px;
  }
  #phone-gifs .row > div .pg-icon{
    width: 50px;
    height: 50px;
    margin: 0 auto;
  }
  #aair-left .carousel-inner, #aair-left .carousel-inner .item {
    height: 240px;
    padding: 10px;
    width: 360px;
  }
  section.pricing .two-surfs aside:before{
    bottom: 0;
    left: 80px;
  }
  .lifestyles .abso-top h2 {
    font-size: 35px;
  }
  .lifestyles-block h2, .lifestyles .abso h2, section.lazylines h2{
    font-size: 35px;
  }
  section.pricing .two-surfs aside:after{
    bottom: 0;
    right: 80px;
  }
  section.cta {
    background: #3E3E3E;
    padding: 40px 0;
  } 
  .fancybox-inner{
    height: 240px !important;
  }
  .navbar-default .navbar-toggle .icon-bar {
    width: 26px;
    height: 2px;
  }  
  .navbar-toggle {
    margin-top: 8px;
  } 
  .carousel-control span{
    top: 40%;
  }
  #phone-controls{
    bottom: 50px;
  }
  section.phone-spinner{
    padding-bottom: 10px;
  }
  section.pricing p{
    font-size: 17px;
    font-family: "Open Sans Semibold";
    line-height: 100%;
    margin-top: 30px;
  }
  .features-blocks h4{
    font-size: 13px;
  }
  section.phone-spinner h4{
    font-size: 15px;
  }
  .home section.hero .item:last-child img{
    padding-top: 40px;
  }
  .home section.hero{
    margin-bottom: 15px;
  }
  section.pricing a{
    font-size: 14px;
  }
  .pp section.hero{
    padding-bottom: 230px;
  }
  footer .col-xs-12:last-child{
    padding-top: 12px;
    padding-bottom: 3px;
  }
  section#ourproducts aside > img{
    max-width: 60px;
    margin-bottom: 15px;
  }
  a.btns{
    padding: 9px 14px;
    font-size: 11px;
  }
  html.ru h1{
    font-size: 2em;
  }
  section.hero.new-phone {
    height: 200px;
  }
  .footer-links a, footer .copy{
    font-size: 12px;
  }
  section.hero.new-phone h1 {
    bottom: 30px;
  }
}

@media (max-width: 400px) {
  section.pricing .prices{
    padding-top: 5px;
  }
  section.cta p {
    font-size: 1.3em;
  }
  section.cta p:first-child {
    margin-bottom: 16px;
  }
  .cta a.btns {
    padding: 7px 15px;
  }
  section.hero h1 span{
    display: inline;
  }
  section.pricing .two-surfs aside:before{
    bottom: 0;
    left: 30px;
  }
  .home section.hero img.fadey {
    bottom: 120px;
  }
  section.pricing .two-surfs aside:after{
    bottom: 0;
    right: 30px;
  }
  .tablet-features .scale-image, .tablet-features .whiteone .scale-image, .phone-features .scale-image{
    height: 250px;
    width: 250px;
  }
  section.hero .carousel-inner #first-slide, section.hero .carousel-inner #second-slide{
    top: -60px;
  }
}
html.touchDevice section.hero:after{
  display: block;
}
html.touchDevice section.parallax{
  background-attachment: scroll;
}
html.touchDevice .animate.fade-top, html.touchDevice .animate.fade-bottom main, html.touchDevice .animate.fade-bottom aside, html.touchDevice .animate.fade-left main, html.touchDevice .animate.fade-left aside, html.touchDevice .animate.fade-right main, html.touchDevice .animate.fade-right aside{
  -moz-transition: all 1.2s ease-out;
  -webkit-transition: all 1.2s ease-out;
  -o-transition: all 1.2s ease-out;
  transition: all 1.2s ease-out;
}
@media (min-height: 700px) and (max-height: 880px)  {
  #products_nav .row h2 {
    margin-top: 25px;
  }
  #products_nav .row img {
    width: 105px;
  }
}