/* ================ Mobile ================= */
@media (min-width:320px) and (max-width: 767px) {
    #sp-lastest-review .latest-review>ul>li {
        width: 100% !important;
    }
    div#sp-logo {
        width: 50%;
    }
/*     div#sp-top-right {
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0;
        padding: 0 !important;
        width: 100%;
        left: 0;
        max-width: 100% !important;
    } */
    div#header {
        position: relative;
    }
    /* .icon-top-wrapper {
        position: absolute;
        top: 50%;
        right: 0;
    } */
    div#k2Container.presentation h4.itemTitle, div#k2Container.presentation h4.itemTitle {
        margin-top: 0;
    }

    body.itemlist section#sp-clients-wrapper {
        padding: 0 !important;
    }
    body.menu-photos section#sp-clients-wrapper {
        margin: 0;
    }

    /*-----my props----présentation accueil---*/
    .responsive #sp-call-to-action-wrapper .action-button {
    float: none !important;
    display: inline-block;
    position: absolute;
    top: 90% ;
    left: 0 ;
    }

    section#sp-call-to-action-wrapper .presentation>* {
    max-width: 100% !important;
    }

    .responsive #sp-news-letter-wrapper .newsletter-field .acysubbuttons {
    left: 75%;
    top: -14px;
    }
    /*-----my props----présentation accueil---*/

    .module.photos__gallery h3.header {
        text-align: left;
    }
    div#k2Container.videos.itemListView div#itemListLeading>div:first-child>div:first-child {
        border: none;
        padding: 0;
    }
    div#k2Container.videos .itemImage:after {
        -webkit-transform:  scale(1);
           -moz-transform:  scale(1);
            -ms-transform:  scale(1);
             -o-transform:  scale(1);
                transform:  scale(1);
    }
    div#k2Container.videos .itemImage:before {
        opacity: 1;
        background:rgba(0, 0, 0, 0.5);
    }
    body.menu-contact aside#sp-left {
        width: 100%;
        padding: 0 15px;
    }

    body.menu-contact div#sp-component-area {
        width: 100%;
        padding: 0;
    }

    .from__adress>input {
        width: 60%;
    }
    div#sp-sig127 {
        text-align: center;
    }

    div#sp-sig127>a {
        display: inline-block;
        float: none !important;
    }

    footer#sp-footer-wrapper {
        padding: 0 10px !important;
    }
    .responsive #bottom .span3 {
        min-height: auto;
    }

    div#k2Container.the .element__listing {
        height: 300px;
    }
    .sp-mobile-menu {
        z-index: 999999;
    }
    button.btn, input[type="submit"].btn {
        line-height: 40px;
        padding: 0;
        margin-top: 5px;
    }

    .from__adress>span {
        font-size: 14px;
        line-height: 40px;
        width: 35%;
    }
    .responsive #sp-header-wrapper #sp-top-right {
        position: absolute;
        right: 10%;
        top: 0px;
        padding-right: 6px !important;
        width: 80% !important;
        height: 100%;
        padding: 0;
        margin: 0;
        max-width: none;
    }

    div#sp-top-right>.module,div#sp-top-right .mod-wrapper,div#sp-top-right .mod-content, div#sp-top-right .mod-inner,div#sp-top-right .searchwrapper {
        height: 100% !important;
        width: 100% !important;
    }
    .icon-top-wrapper {
        position: absolute;
        right: 0;
        top: 15px;
        width: 15px;
        height: 15px;
    }
    #sp-header-wrapper .icon-top-wrapper .top-icon {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
    }
    #sp-header-wrapper #sp-top-right .search>div {
        width: 100%;
    }
    #sp-header-wrapper #sp-top-right .searchwrapper form {
        height: 100%;
        top: 0;
        position: absolute;
        width: 100%;
        left: 0;
    }

    #sp-header-wrapper #sp-top-right .searchwrapper {
        top: 0;
    }

    #sp-header-wrapper #sp-top-right .search {
        margin: 0 !important;
    }

    .responsive #sp-header-wrapper #sp-top-right .searchwrapper form .icon-remove-wrapper {
        position: absolute;
        top: 0 !important;
        right: 0;
    }
}

/* ================ Tablets ================= */
@media (min-width:768px) and (max-width: 991px) {
    #sp-top-right {
        position: absolute;
        right: 45px;
        top: 0px;
        padding-right: 6px;
        width: 50% !important;
        height: 100%;
        padding: 0;
        margin: 0;
    }

    div#sp-top-right>.module,div#sp-top-right .mod-wrapper,div#sp-top-right .mod-content, div#sp-top-right .mod-inner,div#sp-top-right .searchwrapper {
        height: 100% !important;
        width: 100% !important;
    }

    #sp-header-wrapper .icon-top-wrapper .top-icon {
        position: absolute;
        right: 0;
        top: 14px;
    }
    #sp-header-wrapper #sp-top-right .search>div {
        width: 100%;
    }
        .sp-mobile-menu {
        z-index: 999999;
    }
    body.itemlist section#sp-clients-wrapper {
        padding: 0 !important;
    }
    input.pm-input-route-btn {
        width: 25% !important;
    }

    .from__adress>input {
        width: 53%;
    }

    .from__adress>span {
        width: 12%;
        font-size: 13px;
        line-height: 40px;
    }
    body.menu-contact aside#sp-left {
        width: 40%;
    }

    body.menu-contact div#sp-component-area {
        width: 60%;
    }
}
/* ================ Laptops ================= */
@media (min-width:992px) and (max-width: 1200px) {
    #sp-main-menu ul.level-0 > li >a {
        font-size: 10px !important;
    }
    body.itemlist section#sp-clients-wrapper {
        padding: 0 !important;
    }
}