@media only screen and (max-width: 1040px) {

  body{
    /*font-size: 10px;*/
  }


  /*header .navbar{
    padding:10px 20px;
    padding-right: 10px;
  }*/
  header nav.navbar-expand div.navbar-collapse{
    display: none !important;
  }
  .navbar-light .navbar-toggler{
    /*padding:15px 25px;*/
    border:none;
  }
  .navbar-light .navbar-toggler:focus{
    outline: none;
  }
  .navbar-light .navbar-toggler-icon{
    background-image: url('../../_assets.media/images/btn-mobile-menu.png');
    width:1.7em;
  }
  header .navbar-light .navbar-brand img{
    /*height: 56px;*/
  }
  header .dropdown-toggle::after{
    position: static;
    display: inline-block;
    vertical-align: middle;
    /*margin-left: 10px;
    height:20px;*/
  }
  header .dropdown-menu{
    padding-top: 0px;
  }
  header .nav-link{
    padding: 0.5rem 0px;
  }
  header .navbar-nav{
    padding: 1rem;
  }
  body header .dropdown-toggle::after{
    display: none !important;
  }

  .bg-size-100-center-20p{
    background-position: center 7%;
  }

  .desctop{
    display: none !important;
  }
  .d-none.mobile{
    display: block !important;
  }
  .bg-image-mobile-none{
    background-image: none;
  }
  .mobile-d-none{
    display:none;
  }
  .mobile-margin-bottom-0{
    margin-bottom: 0px !important;
  }
  .d-block-on-mobile{
    display: block !important;
  }
  .mobile-margin-left-9em{
    margin-left: 9em;
  }
  .mobile-margin-left-minus3em{
    margin-left: -3em;
  }
  .pl25{
    margin-left: 0px !important;
    padding-left: 0px;
  }
  


  .boxcointainer,
  .boxcointainer.centered,
  .boxcointainer.full-size-mobile .c50,
  .boxcointainer.full-size-mobile .c100{
    max-width: 750px;
    flex-wrap: wrap;
    margin:0 auto;
  }
  .boxcointainer.full-size-mobile{
    max-width: 100000px;
  }
  .boxcointainer.full-size-mobile .c50.full-width-mobile{
    width:100% !important;
    max-width: 10000px;
  }
  .boxcointainer .c50.c55,
  .boxcointainer .c50.c45,
  .boxcointainer .c50.c48,
  .boxcointainer .c50,
  .boxcointainer .c50.c42,
  .boxcointainer .c50.c58,
  .boxcointainer .c50.c52{
    float: none;
    width:100%;
  }
  .boxcointainer .c50:first-child .content{
    padding-bottom: 0px !important;
  }
  .boxcointainer .c50.c58 .content,
  .boxcointainer .c50.c42 .content{
    max-width:10000px;
  }
  .boxcointainer .c50:last-child .content,
  .boxcointainer .c50 .content,
  .boxcointainer .content{
    /*padding:90px !important;*/
  }
  .boxcointainer .c50:first-child .content.add-padding-bottom-mobile{
    /*padding-bottom: 90px !important;*/
  }
  .boxcointainer .c100 .content.pb-0-on-mobile,
  .boxcointainer .c50 .content.pb-0-on-mobile{
    padding-bottom: 0px !important;
  }
  .boxcointainer .c50 .content.pr-0-on-mobile{
    padding-right: 0px !important;
  }
  .boxcointainer .c100 .content.pt-0-on-mobile{
    padding-top: 0px !important;
  }
  .boxcointainer .c50 .content{
    max-width: 10000px;
  }
  .boxcointainer .c50.c50-12empt-6empb .content{
    padding-top: 12em !important;
    padding-bottom: 6em !important;
  }
  .boxcointainer .c50 .content.mobile-padding-top-3em{
    padding-top: 3em !important;
  }
  .boxcointainer .c50 .content.mobile-padding-top-15em{
    padding-top: 15em !important;
  }
  .boxcointainer .c50:last-child .content{
    float: none;
  }
  .boxcointainer.full-width-mobile{
    width: 100% !important;
    max-width: 100000px;
  }
  .boxcointainer.full-width-mobile .c50{
    max-width: 750px;
    margin:0 auto;
  }
  .boxcointainer.full-width-mobile .c50.full-width-mobile{
    max-width: 100000px;
  }
  .boxcointainer.full-width-mobile .c50.full-width-mobile .content{
    max-width: 750px;
    margin: 0 auto;
  }
  .boxcointainer .c50 .content.pt-0{
    padding-top: 0px !important;
  }
  .boxcointainer .c50 .content.not-pt-0-for-mobile{
    /*padding-top: 90px !important;*/
  }
  .boxcointainer .c50.cut-from-right-in-mobile{
    width:calc( 100% - 7em );
  }
  .boxcointainer .c100 .content.mobile-margin-0-horisontal{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }












  /*animations functions start*/
  .fade-in-span-by-span span{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }

  .vertical-border{
    transform-origin: left center;
    -webkit-transform-origin: left center;

    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  .fadeItDownItem2_,
  .fadeInRightItem_,
  .ItemflipInX___,
  .fadeInLeftItem_,
  .fadeInUp_Item_,
  .bounceInRight_Item_,
  .bounceInDown_Item_,
  .bounceInLeftItem_,
  .fadeInItem_,
  .fadeItDownItem_,
  .media-right-items .media{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }

  .slideInDownItem__{
    visibility:visible;
  }
  /*animations functions end*/




































  section.mobile-full-height,
  .full-height, section{
    /*min-height: 1334px;*/
  }
  .auto-height-mobile,
  section.auto-height-mobile{
    min-height: 0px !important;
    height:auto !important;
  }



  br.mobile-hide-br{
    display: none;
  }

  footer .desctop{
    display: none;
  }
  footer .mobile{
    display: block !important;
  }
  footer .mobile img.logo{
    width: 100%;
    max-width: 390px;
    width: 70% !important;
  }



  .mobile_fz_12em{
    font-size: 12em !important;
  }
  h1.extra-big{
    font-size: 12em;
  }
  h1.mobile-8em{
    font-size: 8em;
  }
  h2{
    font-size: 4.8em;
  }
  h2.large{
    font-size: 7.2em;
  }
  h2.big{
    font-size: 7.68em;
  }
  h3{
    font-size: 4.8em;
  }
  h3.h3_30em{
    font-size: 3em;
  }
  h4{
    font-size: 3.6em;
  }
  p.large30,
  p.large{
    font-size: 3.6em;
  }
  p.small{
    font-size: 3em;
  }
  footer p,
  footer p.small{
    font-size: 3.9em;
  }
  footer h2{
    font-size: 7.5em;
  }

  .regular-mobile-{font-weight: 400 !important;}
  .light-mobile{font-weight: 300;}

  .text-left-on-mobile{
    text-align: left !important;
  }




  .dropdown-menu, .nav-link, p{
    font-size: 3em;
  }

  ul.list li{
    font-size: 3.6em;
    background-image: url('../../_assets.media/images/point-grey-mobile.png');
    /*padding-left: 20px;
    background-position: left 20px;*/
  }
  ul.list.light li{
    font-size: 3em;
    /*padding-left: 20px;
    background-position: 0px 15px;*/
  }


  .form-control-lg{
    /*height: 67px;
    line-height: 67px;*/
    font-size: 3.6em;
  }
  textarea.form-control-lg{
    padding-top: 0px;
    padding-bottom: 0px;
  }
  form.touch .inputs{
    max-width: 570px;
  }
  form.touch button{
    /*margin-top: 45px;*/
  }

  



  .width-41em{
    max-width: 41em;
  }
  .width-265em-the-rest-on-mobile{
    width: calc( 100% - 26.5em );
  }

  .mb-27em-mobile{
    margin-bottom: 27em !important;
  }

  .mobile-max-60-percent-width{
    width:60%;
    margin:0 auto;
  }
  .w-100-mobile{
    max-width: 100% !important;
    width: 100% !important;
  }
  .max-width-45em-mobile{
    max-width: 45em;
  }



  .bg-blocks-section img.mobile{
    width: calc( 95% + 8em ) !important;
    margin:0 auto;
    margin-left: 2em;
    margin-bottom: 7em;
    display: block;
  }
  .bg-blocks-section h1{
    max-width: 400px;
    margin: 0 auto;
  }

  .image-card222{
    left:auto;
    top:auto;
    max-width: 10000px !important;
    position: static;
    width: 100%;
    margin-bottom: 5.5em;
  }
  .list-big-numbers .d-flex{
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .align-items-center .n{
    /*margin-right: 20px;*/
    line-height: 1;
  }
  .bg-white-absolute-white-mobile-right{
    position: absolute;
    right:0px;
    top:0px;
    height:100%;
    width: 100vw;
    display: block !important;
    background:white;
  }
  .boxcointainer.yellow-darker-top-text{
    position: absolute;
    right:0px;
    width: auto;
    left: calc( 50% - 20em );
    margin:0px;
    max-width: 100000px;
  }
  .boxcointainer.yellow-darker-top-text .content{
    /*padding:50px !important;*/
  }
  .yellow-darker-top-text h2{
    font-size: 6.5em;
  }


  .vertical-border{
    /*height: 10px;
    max-width: 375px;
    top: -55px;*/
    left:0px;
    width: 100%;
    left:auto;
    top:auto;
    bottom:auto;
    right:auto;
  }
  .media.right-item{
    /*margin-bottom: 20px;*/
  }
  .right-images,
  .media.right-item img{
    width:100%;
    padding:0px;
    max-width: 110px;
    /*margin-right: 65px;*/
  }
  .media.align-items-center{
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .right-images img{
    /*margin: 35px 0px;*/
  }


  .bg-gold-hands{
    background-color: #050400;
    background-size: 150% auto;
    background-repeat: no-repeat;
    background-position: center 70%;
  }
  .bg-gold-hands .boxcointainer{
    margin-top: -30em;
  }

  .esiance-organizations-header-mobile{
    background-image: url('../../_assets.media/images/esiance-organizations-mobile.jpg') !important;
    background-size: cover;
    background-position: center;
  }


  .background-merchant-mobile{
    background-size: cover;
    background-position: center;
    background-image: url('../../_assets.media/images/merchant-background-mobile-header.jpg') !important;
  }
  .background-merchant-mobile .boxcointainer{
    margin-top: -35em;
  }

  .key-left-text{
    max-width: 440px;
  }
  .key-left-text img{
    top: -17.5em;
    left: -19em;
    width: 22.2em;
  }
  section.gold-key{
    overflow: visible;
    background-:rgb(190, 199, 139);
    height: auto;
    min-height: 0px;
  }
  section.gold-key .c50.full-height{
    height: auto;
    min-height: 0px;
  }
  .key-right-text{
    max-width: 10000px;
  }
  .key-right-text-image{
    display: none;
  }
  .key-left-text img.key-right-text-image-mobile{
    display: block !important;
    left:auto;
    bottom:auto;
    right:auto;
    top:auto;
    position: static;

    margin-top: 7em;
  }
  section.gold-key .vertical-border.white{
    position: static;
    left:auto;
    top:auto;
    bottom:auto;
    right:auto;
    margin-bottom: 2em;
    display: none;
  }

  section.lock-security-mobile{
    background-image: url('../../_assets.media/images/lock-security-mobile.jpg') !important;
    background-position: left top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: black;
  }
  section.lock-security-mobile h2{
    /*margin-bottom: 380px !important;*/
  }
  section.lock-security-mobile .boxcointainer .c50{
    background:transparent !important;
  }
  section.lock-security-mobile-2{
    background:#8a7314 !important;
  }
  section.lock-security-mobile-2 .bg-yellow-gold-transparent{
    background: transparent !important;
  }
  section.lock-security-mobile .boxcointainer .c50:first-child .content,
  section.lock-security-mobile-2 .boxcointainer .c50:first-child .content{
    /*padding-bottom: 90px !important;*/
  }

  .desctop-rocket{
    display: none;
  }
  .mobile-rocket{
    display: block !important;
  }

  #_holder_mapPinsAnimation{
    left:0px;
    right:0px;
  }
  #_holder_mapPinsAnimation canvas{
    width:100%;
  }


  section.mobile-white-screen-text{
    background-color: white;
    background-color-: transparent;

    display: -ms-flexbox!important;
    display: flex!important;

    -ms-flex-align: center!important;
    align-items: center!important;

    -webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -ms-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    transition: background 0.5s linear;
  }
  section.mobile-white-screen-text .boxcointainer.bg-white{
    background:transparent !important;
  }



  .blue-rotating-video____top_bg_blue_label{
    display: none;
  }
  .blue-rotating-video .boxcointainer.blue-video-holder .content{
    padding: 0px !important;
  }
  .blue-rotating-video .texts-for-canvas{
    display: block !important;
    color:white;
  }
  .blue-rotating-video .texts-for-canvas .line{
    margin-bottom: 3em;
  }
  .blue-rotating-video .texts-for-canvas .line p{
    margin-bottom: 0px;
  }
  .blue-rotating-video .texts-for-canvas .line:last-child{
    margin-bottom: 0px;
  }
  .blue-rotating-video .texts-for-canvas div.main-p{
    margin-bottom: 3em;
  }
  .blue-rotating-video .texts-for-canvas div.main-p p{
    margin:0px;
  }

  .magnifying-glass .texts,
  .magnifying-glass{
    width:83em;
    height:83em;
  }
  .magnifying-glass .texts{
    -webkit-border-radius: 41.5em 41.5em 41.5em 41.5em;
    border-radius: 41.5em 41.5em 41.5em 41.5em;
  }
  .magnifying-glass .texts .max-width-450{
    max-width: 500px;
  }
  .magnifying-glass{
    margin-left: calc( 50% - 41.5em );
  }


  .darts{
    width:48em;
    margin: 0 auto;
  }



  .intro-home-mobile{
    background-image: url('../../_assets.media/images/intro-screen-code-mobile.jpg') !important;
  }
  .home-shipping-card{
    width:100%;
    height: auto;
  }
  .intro-home-mobile h3{
    font-size: 3.6em;
  }
  .intro-home-mobile .bg-white-half-screen{
    left:auto;
    right:0px;
    width:150vh;
  }

  #pripaid-section .boxcointainer.fixed{
    position: static !important;
  }
  #pripaid-section.x3height{
    height: auto;
  }
  #pripaid-section h1.t4{
    font-size: 5.9em;
    /*margin-top: 75px;
    margin-bottom: 65px;*/
  }
  #pripaid-section .t1,
  #pripaid-section .t3{
    font-size: 3.6em;
  }





  .card.box.size-340, .card.box.size-340-415, .card.box.size-340-500{
    width:100%;
    max-width: 1000000px;
    height: 56em;
    margin-bottom: 3em;
    padding: 3.5em;

    -webkit-border-radius: 2.55em 2.55em 2.55em 2.55em;
    border-radius: 2.55em 2.55em 2.55em 2.55em;
  }
  .card.box.size-26-5-em{
    width:26.5em;
    height:26.5em;
    max-width: 300px;
    max-height: 300px;
    margin:0 !important;
  }
  .card.box.size-26-5-em.m-auto{
    margin: auto !important;
  }
  .card.box.size-26-5-em.mr-2{
    margin-right: .5rem!important;
  }
  .card.box.size-26-5-em.mr-4{
    margin-right: 1.5rem!important;
  }




  section.home-laptop{
    background-position: center top;
    background-image: url('../../_assets.media/images/home-our-story-bg.jpg') !important;
    background-size: 100% auto;
    background-color: #12667e;
    padding-top: 35em;
  }


  #letterAnimation{
    max-width: 1040px;
    margin-left: -2%;
    margin-top: 2rem;
  }


  .mobile-scroll-horisontal{
    overflow-x: scroll;
  }
  .mobile-scroll-horisontal .content{
    clear: both !important;
  }
  .mobile-scroll-horisontal .c100{
    width:10000px;
    max-width: 1000000px;
  }
  .mobile-scroll-horisontal .content.d-flex{
    display: block !important;
  }
  .mobile-scroll-horisontal .scroll-horisontal-item{
    display: inline-block !important;
    display: block !important;
    vertical-align: top;
    float: left;
  }
  .mobile-scroll-horisontal .scroll-horisontal-item,
  .mobile-scroll-horisontal .scroll-horisontal-item .card.box,
  .mobile-scroll-horisontal .scroll-horisontal-item.card.box{
    width: 45em !important;
    height: auto;
    max-width: 1040px;
    margin-right: 3.5em;
    margin-bottom: 0px;
  }
  .mobile-scroll-horisontal .scroll-horisontal-item:last-child,
  .mobile-scroll-horisontal .scroll-horisontal-item .card.box:last-child,
  .mobile-scroll-horisontal .scroll-horisontal-item.card.box:last-child{
    margin-right: 0px;
  }
  .mobile-scroll-horisontal .scroll-horisontal-item .card.box .card-body,
  .mobile-scroll-horisontal .scroll-horisontal-item.card.box .card-body{
    min-height: 70em;
  }
  .mobile-scroll-horisontal .scroll-horisontal-item:last-child{
    margin-right: 0px;
  }
  .mobile-scroll-horisontal .scroll-horisontal-item .card.box{
    margin-bottom: 0px;
  }
  .mobile-scroll-horisontal .c100{
    width: auto !important;
  }
  .mobile-scroll-horisontal .scroll-horisontal-item,
  .mobile-scroll-horisontal .scroll-horisontal-item .card.box,
  .mobile-scroll-horisontal .c100 .scroll-horisontal-item.card.box{
    margin-right: 0px;
    width: 100% !important;
    margin-bottom: 1rem;
    margin-left: 0px !important;
    max-width: 10000px !important;
    float: none;
    position:static;
  }



  section.gift-section{
    background-image: url('../../_assets.media/images/bg-gift-mobile.jpg') !important;
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #535859;
  }

  section.gift-section .boxcointainer{
    width: 50em;
  }
  section.gift-section{
    -ms-flex-align: flex-end!important;
    align-items: flex-end!important;
  }


  section.introduction h3{
    font-size: 5em;
  }
  section.introduction .introdocution-logo{
    max-width: 45em !important;
  }
  section.introduction .content.pb50.pt50{
    padding-top: 5em !important;
    padding-bottom: 5em !important;
  }

  #pink-bg-converting-to-phone-holder{
    position: static;
  }

  .pink-area-before-convert-to-phone{
    position:static;
    width:100%;
  }
  .pink-area-before-convert-to-phone .texts{
    width:100%;
  }

  #laptop-image-for-mobile{
  }

}


/*@media only screen and (max-width: 580px) {


  .key-left-text img{
    top:auto;
    left:auto;
    position: static;
    width:50px;
    margin:0 auto;
    margin-bottom: 2em;
    display: block;
  }
}*/
@media only screen and (max-width: 600px) {


  .key-left-text{
    padding-left: 5em;
  }
  .key-left-text img {
      top: -7.5em;
      left: -10em;
      width: 15.2em;
  }

  button.btn{
    height: 35px !important;
  }

  .scroll-down-white{
    display: none;
  }
}

@media only screen and (max-width: 440px) {
  div.boxcointainer div.c50:last-child div.content, div.boxcointainer .c50 .content, div.boxcointainer .content{
    padding:25px !important;
  }
  div.boxcointainer .c50:first-child .content.add-padding-bottom-mobile{
    padding-bottom: 25px !important;
  }
  .card-body{
    padding:0px;
  }
  .right-images, .media.right-item img{
    margin-right: 20px !important;
  }

  .card.box.size-26-5-em.mr-4{
    margin-right: 1rem !important;
  }
  .mb-4, .my-4{
    margin-bottom: 1rem !important;
  }
  .margin-left-0-on-mobile-440{
    margin-left: 0px !important;
  }

  .key-left-text img{
    left: -5em;
  }
  .key-left-text{
    padding-left:10em;
  }

  .yellow-darker-top-text{
  }
  .yellow-darker-top-text h2{
    font-size: 5.5em;
  }

  div.white-text-behind-yellow-label{
    padding-top: 7em !important;
    margin-top: -4em;
  }
}