/* @MediaQueries */

@media screen and (max-width: 767px) {
    /*.login{display:none;}*/
}


/*Nos Solution Small Desktop / Laptop */

@media (min-width: 992px) and (max-width: 1199px) {
    .tsls {
        font: 400 16px 'Open Sans', sans-serif;
    }
    .back-txtg,
    .back-txt,
    .back-txt-center,
    .back-txt-li,
    .back-txt-li2 {
        font-size: 14px;
    }
}


/*
Custom responsive
=========================== */

@media (min-width: 1200px) {
    .navbar-default .navbar-nav li a,
    .navbar-default .navbar-nav li a:focus {
        font-size: 14px;
        line-height: 18px;
        padding: 30px 15px 30px 15px;
    }
    .slider-wrapper {
        width: 867px;
        top: 38px;
        left: 38px;
    }
    .screenshot-wrapper {
        width: 917px;
        top: 73px;
        left: 14px;
    }
}


/*widesize screens*/


/* (1366x768) WXGA Display */

@media screen and (max-width: 1366px) {
    .tp {
        margin-top: 7%;
    }
}



/* ipad & tablette */

@media (min-width: 768px) and (max-width: 990px) {
   .smspc {
    margin-top: 2em;
   }
  .login {
    display: inline-block;
    position: relative;
    padding: 6px 11px;
    margin-bottom: -3px;
    top: 1px;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.42857143;
    border-radius: 3px;
    background-color: #ff6f0b;
}
    .tsls {
        font: 300 27px'Open Sans', sans-serif;
    }
    .card .back {
        margin-top: 11.5%;
    }
    .back-txtg,
    .back-txt,
    .back-txt-center,
    .back-txt-li,
    .back-txt-li2 {
        font-size: 26px!important;
    }
    .tt {
        width: 20%;
    }
    .bgf {
        margin-bottom: -5em!important;
    }
    .tmt {
        margin-top: 4em;
    }
    .chart-mobile2 {
        display: block;
        margin-top: -7em;
    }
    .tmd {
        display: none;
    }
    .anbtxt,
    .tlightw2,
    .anltxt {
        font-size: 45px;
    }
    .tp {
        margin-top: 32%;
    }
    .owl-buttons {
        display: none;
    }
    .msg-top {
        margin-top: 1.5em;
    }
    .annonceur,
    .monetisez,
    .frm-sp {
        margin-top: 8em;
    }
    .plate-txt {
        font-size: 30px!important;
    }
    .accroche {
        margin-top: 0em;
        font-size: 50px;
    }
    .bill {
        text-align: center;
    }
    .btndecouvre {
        width: 350px!important;
    }
    .bgcounter {
        height: 700px;
        background-position: 100% 100%;
        background-repeat: repeat-y;
    }
    .effect .tocolor img {
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
    }
    .effect .single-service {
        border-bottom-color: #ff6f0b;
        transition-delay: 50ms;
    }
    .slider-wrapper {
        width: 662px;
        top: 30px;
        left: 30px;
    }
    .navbar-default .navbar-nav li a,
    .navbar-default .navbar-nav li a:focus {
        padding: 35px 8px 35px 8px;
        font-size: 12px;
    }
    .navbar-right a.btn {
        font-size: 12px;
    }

    .navbar-default .collapse {
        float: none;
        margin-top: 5em;
    }


    .navbar-brand {

        display: inline-block;
        position: absolute;
        right: 42%;
        top: 10px;
        text-align: center;
    }
    .navbar-header {
        float: left;
        display: block;
        width: 100%;
        padding: 25px 0 10px 0;
        text-align: center;
    }
    .home-contain,
    .video-wrapper {
        padding: 240px 0 0 0;
    }
    .screenshot-wrapper {
        width: 699px;
        top: 55px;
        left: 10px;
    }
    .contain {
        padding-top: 140px
    }
    .pricing-wrapper {
        margin-bottom: 30px;
    }
    .flex-direction-nav a {
        display: none;
        opacity: 1;
    }
    .flexslider:hover .flex-direction-nav a {
        display: block;
    }
    .lgmobile {
    margin-bottom: 20px;
  }
}

@media (max-width: 320px) {
    .move {
        margin-top: 1em!important;
    }
}


/* smartphone */

@media (max-width: 767px) {
  .btfrm {
    width:100%;
  }
  .lgmobile {
    margin-bottom: 20px;
  }
    .tsls {
        font: 400 14.2px 'Open Sans', sans-serif;
    }
    .back-txtg,
    .back-txt,
    .back-txt-center,
    .back-txt-li,
    .back-txt-li2 {
        font-size: 13px;
    }
    .bgf {
        margin-bottom: -5em!important;
    }
    .tmt {
        margin-top: 4em;
        margin-bottom: 1.2em;
    }
    .tmd {
        display: none;
    }
    .anbtxt,
    .tlightw2,
    .anltxt {
        font-size: 22px!important;
    }
    .anime-man {
        width: 120%!important;
        margin-left: -19px;
        margin-top: 0em!important;
    }
    .bglegal {
        margin-top: 4em;
    }
    .spb-icon {
        font-size: 2.9em;
        margin-top: -15px;
    }
    .tlightm,
    .tlightmb {
        font-size: 18px;
    }
    .tlightmb2 {
        font-size: 13px;
    }
    .chsize {
        width: 40%;
    }
    .chartText {
        font-size: 15px;
    }
    .msg-top {
        margin-top: 1.5em;
    }
    .number {
        width: 20px;
        margin-top: 20px;
        margin-bottom: 40px;
        margin-left: 0px;
        width: 100%
    }
    .carousel .carousel-item img {
        opacity: 1.0;
    }
    .owl-buttons {
        display: none;
    }
    .row.off {
        margin-right: 30px!important;
        padding-left: 70px!important;
        padding-right: 30px!important;
    }
    .lhr {
        border-right: none;
    }
    .ptxt {
        margin-top: 1em;
        margin-bottom: 1em;
    }
    .chart-mobile {
        display: block;
        margin-top: -7em;
    }
    .chart-mobile2 {
        display: block;
        margin-top: -7em;
    }
    .svg-anim {
        display: none!important;
    }
    .annonceur,
    .monetisez,
    .frm-sp {
        margin-top: 3em;
    }
    .monetisez {
        margin-top: 4.30em;
    }
    .plate-txt {
        font-size: 20px!important;
    }
    .tlightw,
    .tblodw,
    .tlight,
    .tblod {
        font-size: 30px;
        margin-bottom: 2.5em;
        margin-top: 1.5em!important;
    }
    .timelapse {
        height: 320px;
    }
    .accroche {
        margin-top: -1em;
        font-size: 27px;
        line-height: 60px;
    }
    .bill {
        text-align: center;
        margin: 0 auto;
        font-size: 19px;
        margin-top: -50px;
    }
    .tp {
        margin-top: 4em;
    }
    .btndecouvre {
        width: 220px!important;
        font-size: 12px;
        height: 45px;
        margin-top: 1.5em;
    }
    .bgman {
        height: 500px
    }
    /*.move{z-index: 999!important; ;top:17px;left:7.5em;position: absolute;}*/
    .timelapse {
        margin-top: 62px;
    }
    .navbar-default .navbar-toggle {
        margin-top: 1px;
        padding-top: 5px;
    }
    .logo {
        width: 100px;
        margin-top: 50px;
    }
    .page-type {
        padding-bottom: 0.5em;
        padding-top: 1em;
    }
    .bgcounter {
        height: 700px;
        background-position: 100% 100%;
        background-repeat: repeat-y;
    }
    .effect .tocolor img {
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
    }
    .effect .single-service {
        border-bottom-color: #ff6f0b;
        transition-delay: 50ms;
    }
    .navbar-default .navbar-nav>li {
        margin-right: 100px;
    }
    .single-service-picture {
        width: 83.33333333%;
        margin: 0 auto;
    }
    .single-service {
        /*width: 83.33333333%;*/
        margin: 0 auto 54px auto;
    }

    .navbar-brand {
        float: none;
        margin: 0;
    }
    .navbar-header {
        float: right;
        width: 100%;
        padding: 20px 20px 5px 0px;
        z-index: 0!important;
    }
    .navbar-default .navbar-collapse {
        clear: both;
        border-bottom: none;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0 30px 0 30px;
    }
    .navbar-default .collapse li {
        width: 100%;
    }
    .navbar-default .navbar-nav li a,
    .navbar-default .navbar-nav li a:focus,
    .navbar-default .navbar-nav li a:hover {
        padding: 10px 20px 10px 20px;
        margin: 5px 2px 5px 2px;
        border-radius: 2px;
        border: 1px solid #8b8b95;
    }
    .navbar-default .navbar-nav li a.selected,
    .navbar-default .navbar-nav .active a,
    .navbar-default .navbar-nav .dropdown.active a,
    .navbar-default .navbar-nav .active a:hover,
    .navbar-default .navbar-nav .dropdown.active a:hover,
    .navbar-default .navbar-nav .active a:focus,
    .navbar-default .navbar-nav .dropdown.active a:focus {
        background-image: none;
    }

    .navbar-right {
        float: left;
        margin: 0 0 0 -18px;
        padding: 10px 0 30px 0;
    }
    .navbar-right a {
        margin-right: 5px;
    }
    .slider-wrapper {
        width: 93%;
        top: 4%;
        left: 4%;
    }
    .screenshot-wrapper {
        width: 97%;
        top: 12.5%;
        left: 1.5%;
    }
    .pricing-wrapper {
        margin-bottom: 30px;
    }
    ul.client-list li {
        border: none;
    }
    ul.client-list li ul li,
    ul.client-list li ul li.last {
        width: 100%;
        border: 1px solid #e2e2e2;
        padding: 45px 0 45px 0;
        margin-bottom: 20px;
    }

    .navbar-default div.navbar-collapse {
        border-top: none;
        box-shadow: none;
    }

    footer {
        height: 120px;
    }
    .bgrey2 {
        line-height: 20px;
    }
    #voile {
        position: fixed;
        right: 0;
        bottom: 0;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -100;
        opacity: 1;
        background: url(../images/timelapse-old.jpg) no-repeat;
        background-size: cover;
        background-position: center;
    }
    video#bgvid {
        display: none;
        position: absolute;
        opacity: 0;
        z-index: -800;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {

    .anime-man {
        width: 100%!important;
        margin-top: -1em!important;
    }
    .anbtxt,
    .tlightw2,
    .anltxt {
        font-size: 30px!important;
    }
    .anbtxt,
    .anltxt {
        margin-top: 0.2em!important;
        margin-bottom: 1.9em!important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    .tsls {
        font: 400 10.6px 'Open Sans', sans-serif;
    }
    .back-txtg,
    .back-txt,
    .back-txt-center,
    .back-txt-li,
    .back-txt-li2 {
        font-size: 11px;
    }
    .anbtxt,
    .tlightw2,
    .anltxt {
        font-size: 18px!important;
    }
    .anime-man {
        margin-top: 3em!important;
    }
    .accroche {
        margin-top: -1em;
        font-size: 20px;
        line-height: 60px;
        margin-top: -1em;
    }
    .bill {
        text-align: center;
        margin: 0 auto;
        font-size: 19px;
        margin-top: -50px;
        margin-bottom: -2em;
    }
    .row {
        margin-right: 0!important;
        margin-left: 0!important;
    }
    .timer {
        width: 250px;
    }
}