/*.comment-steps > div {
float: left;
width: 33.33% !important;
text-align: center;
}*/




.comment-steps  {text-align: center;}
.comment-steps > div {
    display: inline-block;
    float: none;
    padding: 5px 20px;
    text-align: center;
    width: auto !important;
}
#btn_ug_id2 {
        margin-top:10px ;
    }
#btn_ug_id3 {
        margin-top:10px ;
        padding:17px 66px ;
    }
.accordion-heading .accordion-toggle:hover, .bloglinks > a:hover {text-decoration: none;}
.nav-btn {display: none;}


.layout-register main#content .container, 
.layout-usergroupfield main#content .container {
    padding-left: 0;
    padding-right: 0;
}
.register-form input#rate {
    width: 130px;
}
.register-form select {width: 100% !important;}

.register-myskills {
    width: 90%;
}

.pushmenu h3 { display: none;}
.exit {display: none;}

.conseil0:after,.conseil0 .linear-grey2.pull-left.span12.nomargin:after{ clear: both;content:"";display:table;}
.conseil0 h5 {clear: both;}
.conseil0 .linear-grey2.pull-left.span12.nomargin {
    clear: both;
    float: none;
}
.conseil0 .linear-grey2.pull-left.span12.nomargin h4{float: none;}
.span12.linear-grey2.boxme {
    overflow: hidden;
}
/* Narendharr media quries*/

@media (min-width: 768px) and (max-width: 979px) {

    .span2.pull-left.bloglinks {
        width: 25%;
    }
    .span8.conseil-article-container.pull-left.item-page {
        width: 71%;
    }
    #myCarousel {
        height: 260px !important;
    }
    #myCarousel .t3 {
        margin-top: 0;
    }
    .moncompte {
        visibility: hidden !important;
        display: none !important;
    }
    .arrowleft {left: 20px;}
    .arrowright {right: 20px;}
    .pull-left.footdiv.footdivlast {
        float: right;
        width: 20% !important;
    }
     .borderonlymobile {
        border:1px solid #d1d1d1;
        padding:15px !important;
        margin-bottom:20px !important;
    }

     .mobilehide {
        visibility: hidden !important;
        display: none !important;
    }
    .pull-left.footdiv.footdivlast img {max-width: 100% !important;float: right;}
    .img-polaroid {height: auto !important;}
    .devisrecu  .status {margin: 0 !important;}
    .conseil0 .linear-grey2 .span8.pull-left {float: none; clear: both;width: 100%;}
}

/*--------------------/768px----------------*/

@media (max-width: 979px) {
    .module-header {
        background: #fff none repeat scroll 0 0;
        height: auto;
        overflow: hidden;
    }
    body {padding: 0 !important;}
    .module-header {height: auto !important;border-bottom: 5px solid #0088cc;}
    .header .brand {position: static !important;}
    .menu-moncompte {position: static !important;}

    .header-search {
        clear: both;
        float: none !important;
        padding: 10px 0 0 !important;
        text-align: center;
        width: 100%;
    }
    

    .menu_mn {margin-top: 0;clear: both;margin-bottom: 0;}
    .menu_mn li {margin-right: 20px;}
    #no-more-tables {clear: both;}
    .searchproject.span3.pull-left,.view-project main form .span9.pull-right {
        clear: both;
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .searchput.span12 {
        width: auto;
    }
    .pjob {
    margin-top:0px;
    border-left:0 !important;
    border-top:1px solid #ddd;
    width: 94% !important;
    padding-top:10px;
    padding:15px;

}

.parentcat > #parent-category {
    width:85%;
}
    .top_row {
        width: 100% !important;
    }

    .outer-boxx .login-input {
        width: 96% !important;
    }
    .pjob .btn-facebook {
        font-size:0.8em !important;
    }



    .bdg {margin: 2px;}
    .usersearch .btn-toolbar,.freelancer .span9 {float: none;width: 100%;}
    .usersearch .btner-container, .freelancer .media2  {float: none;width: auto !important;border: none;clear: both;height: auto;}
    .media-body small {margin-right: 30px;}
    .usersearch .btner-container {margin: 0;padding: 10px 0 0;}
    .profile-imager, .profile-descripter {
        float: none !important;
        padding: 20px 20px 0;
        width: 100% !important;
        margin-left: 0 !important;
    }
     .mobilehide {
        visibility: hidden !important;
        display: none !important;
    }
    .probidder {
        width:55px;
    }
    .debubidder {
        width:55px;
    }
    .leftsearch {
        height:90px; border-left:0;}
    .prfconsult {
        margin-left:0px;
    }
    .prothumb {
        width: 50%;margin: 0 auto 20px auto;}
    .voirmarg {
        margin-top:0px;
        margin-left:0px;
    }
    .fullorange {
        width:100% !important;
    }
    .profile-descripter > div {height: auto !important;}
    .carte-visite {
        margin-top: 0;
    }

    .profile-contacter {margin-top: 0px !important;border:0;height:0;padding:0;}
    .abouthim {
        margin-bottom: 10px;
    }
    .form-horizontal > .span3,.form-horizontal > .span9 {width: 100% !important;float: none !important;margin-bottom: 20px !important;clear: both;}

    .form-horizontal > .span3:after,.form-horizontal > .span9:after{
        clear: both;
        content: "";
        display: table;
    }
    .categ-exp {
        display: block !important;
        float: none !important;
        padding: 10px 10px 25px;
    }
    .orangehim, .contacthim {
        display: inline-block !important;
        margin-right: 10px;
    }
    .com_content .hero-comment-banner .div-center {width: 100% !important;}
    .com_content .div-center h1.green-txt {line-height: 1;}
    .com_content .div-center img.pull-right {
        display: block;
        float: none;
        margin: 10px auto;
    }
    .com_content .hero-comment-banner {height: auto !important;background-position: center bottom !important;padding-bottom: 30px !important;}
    .nav.nav-pills.div-center.cmtcamarche {
        display: block;
        text-align: center;
    }
    .nav.nav-pills.div-center.cmtcamarche > li{
        display: inline-block;
        float: none !important;
        margin: 0 15px;
    }
    #freemarche .nomargin > .pull-left,#freemarche .nomargin > .pull-right,
    #recrutmarche .nomargin > .pull-left,#recrutmarche .nomargin > .pull-right{
        padding: 0 0 20px;
        clear: both;
        float: none !important;
        margin: auto !important;
    }
    #freemarche .nomargin > .pull-left,
    #recrutmarche .nomargin > .pull-left{
        width: 420px;
    }
    #freemarche .nomargin > .pull-right,
    #recrutmarche .nomargin > .pull-right{
        width: 420px;
    }

    #freemarche > .nomargin,#recrutmarche .nomargin {

    }
    #freemarche > .nomargin img,#recrutmarche .nomargin img {

        display: block;
        float: none;
        margin: auto;
    }
    #freemarche .nomargin > .span7,
    #recrutmarche .nomargin >.span7 {
        padding-top: 50px;
        padding-left: 0px !important;
    }
    #recrutmarche .nomargin > .pull-left.publierprojet2 {
        width: auto;
        display: inline-block;
        padding: 15px 20px 15px 55px;
        text-transform: uppercase;
    }
    #freemarche .nomargin .span7 .pull-left, #recrutmarche .nomargin .span7 .pull-left {
        float: none;
        text-align: center;
    }
    .publierprojet2:hover, .publierprojet2:focus {
        padding: 15px 55px 15px 20px !important;   
    }
    .conseil-big-left.big-freelancer,.conseil-big-right-freelancers{
        float: none !important;
        width: 100% !important;
        clear: both;
        margin: 0 !important;
    }
    .blog .span3.conseil {
        clear: none !important;
        float: left !important;
        margin: 0 2% 20px !important;
        width: 46% !important;
    }
    .blog .span3.conseil:nth-child(2n+1) {clear: left !important;}
    .pull-left.item-image.conseil-img img {
        width: 100%;
    }
    .conseil-footer.span12 {
        clear: both;
        float: none;
    }
    .conseil-article-header {height: auto;}
    .loginbox-container {width: 100%;}
    .adblogside img,.conseil-compagnon img {height: auto !important;}
    .bigheader {
        height: auto !important;
    }
    .conseil-compagnon {
        border: 1px solid #eee;
        clear: both;
        float: none;
        height: 250px;
        margin: 20px 0;
        width: 100%;
    }
    .conseil-compagnon img {width: 100%;}
    .pull-left.publishedon.span12.nono {
        clear: both;
        float: none;
        overflow: hidden;
    }
    .publishedon > div {float: none !important;clear: both !important;}
    .publishedon > div.pull-left {padding-bottom: 7px !important;}
    .contact-form select {width: 100%;}
    .forminp > input#copy {
        margin: 0;
    }

    .nav-tabs.annonce-tbs > li {float: left;}
    .nav-tabs.annonce-tbs > li a{border: none;}
    .annonce-tbs > li.active > a {
        background: #fff url("/images/annonce-tabs.jpg") no-repeat scroll -240px 0 ;
        color: #000 !important;
    }
    embed {
    display: block;
    max-width: 100%;
}
}
/*--------------------/979px----------------*/

@media (max-width: 767px) {

    .nav-btn {
        display: block;
    float: left;
    font-size: 31px;
    margin-bottom: 10px;
    position: absolute;
    right: 20px;
    top: 13px;
    }
    .userpostnew {
    
    font-weight:bold;
    border-top-left-radius:6px;
     border-top-right-radius:6px;
    border-bottom-left-radius:0px;
    font-size:13px;
    width: 88%;

}
.pjob {
   
    width: 100% !important;
    

}
.parentcat > #parent-category {
    width:100%;
}

.fa-arrow-right {
   display: none;
}
.outer-boxx.login-input {
        width: 96% !important;
    }
    .pjob .btn-facebook {
        font-size:0.8em !important;
    }
.userpostold {
    
    font-weight:bold;
    border-top-right-radius:0px;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    font-size:13px;
    width: 88%;
}

.menu-moncompte {
    padding-right: 60px;
    display: none;
    
}
    .nav-btn:hover,.nav-btn:focus {text-decoration: none;outline: none;}

    /*    .menu_mn {display: none;}*/

 .borderonlymobile {
        border:1px solid #d1d1d1;
        padding:15px !important;
        margin-bottom:20px !important;
    }
    .pushmenu { 
        background: #fff;
        font-family: Arial, Helvetics, sans-serif;
        width: 250px;
        height: 100%;
        top: 0;
        z-index: 1000;
        position:fixed;
        right: 0;
    }
    .pushmenu p {margin: 20px 0 !important; display:block;visibility: visible;}
    .pushmenu h3 {
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        padding: 30px !important;
        margin: 0;
        background: #0088cc;    
        height: 16px;
        display: block;
    }

    .pushmenu li {
        color: #5f6f81;
        font-family: "Lato",Arial,sans-serif;
        /*    line-height: 60px;*/
        list-style: outside none none;
        text-transform: none;
        font-size: 18px;
        box-shadow: 0 -1px #c6d0da inset;

    }
    .pushmenu li a{
        color: #5f6f81;
        padding:15px 20px;
    }
    .pushmenu li a:hover,.pushmenu li a:active {
        background:#00A287;
    }

    /*.pushmenu li a:active {
    background: #454f5c;
    color: #fff;
}*/

    .pushmenu-left {
        right: -250px;

    }


    .pushmenu-left.pushmenu-open {
        right: 0;
        border-left: 1px solid #e0e0e0;
    }

    .pushmenu-push {
        overflow-x: hidden;
        position: relative;
        right: 0;
    }

    .pushmenu-push-toright {
        right: 240px;
    }

    /*Transition*/
    .pushmenu, .pushmenu-push {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;  

    }
    .exit {
        position: absolute;
        font-size: 30px;
        color: white;
        cursor: pointer;
        display: block;
    }

    .left-exit{
        top: 10px;
        right: 20px;
    }
    .menu_mn {border-top: 1px solid #c6d0da;}
    .menu_mn li {
        display: block !important;
        margin: 3px 0px !important;
        text-align: left;

    }
    .menu_mn li > a {
        font-size: 13px;
        display: block !important;
        padding: 15px 25px !important;
    }

    .home3boxes-box1,.home3boxes-box2,.home3boxes-box3 {
        float: none;
        clear: both;
        width: 100%;
        margin-bottom: 25px;
    }
    .home3boxes-box3 .grid-container {height: auto;}
    .home3boxes-box2 .divbox-contenter > .pull-left, .home3boxes-box2 .divbox-contenter > .pull-right {
        height: 270px !important;   
    }
    .home3boxes-box2 .t3 .pull-left {text-align: center;padding: 0 5%;border: none;}
    .home3boxes-box2 .t3 p ,.home3boxes-box2 .t3 .pull-right{text-align: center;}
    .home3boxes-box3 .span12 {margin-left: 5px !important;}
    .footer {height: auto;}
    .footdiv {width: 35%;}
    .footdivprelast {
        width: 30% !important;
    }
    .footdivlast {
        clear: left;
        float: none;
        margin: auto;
        text-align: center;
        width: 180px !important;
    }
    .copyright {text-align: center;}
    .subfootercontent .subfootimg {width: auto;padding-top: 40px;clear: both;}
    .subfootercontent .subfootimg img {max-width: 100% !important;display: block;margin: auto;}

    .homeroller {width: 100%;}
    .promo-accueil li {margin-right: 5px;}
    .table-bordered {
        border: 1px solid #ddd;
    }
    /*    .menu_mn > .item-101 {display:none !important;}*/

    .sm-viewprojects {
        display: block;
        float: none !important;
        margin: 10px auto;
    }

    .centeronlymobile {text-align: center;}
    .sm-viewprojects:hover {text-decoration: none;}
    .coldroite {border: none;}
    /*banner background*/
    .heroliste-missions,.heroliste-freelancers {height: auto;background-size: cover;padding-bottom: 20px;}

    .msg-container h1 {line-height: 1.2;font-size: 27px !important;margin-top: 30px !important;text-align: center;}
    .msg-container h4 {text-align: center;font-size: 12px !important;}
    /*banner button*/
    .completerprofil,.publier-mission,.gratuitfree {
        display: block;
        text-align: center;
        width: 180px;
        margin: auto !important;
    }

    .form-horizontal .checkbx {
        display: inline-block !important;
        float: left;
        margin: 0 1%;
        width: 48%;
    }
    .searchproject .chzn-container,.chzn-container-multi .chzn-choices li.search-field input[type="text"]{width: 100% !important;}
    .searchproject .chzn-container-multi .chzn-choices li{float: none;}
    .searchproject .slider-horizontal {
        display: block;
        margin: auto;
        width: 96% !important;
    }
    .annonce-budget {margin: 20px 0 10px;}
    #devis-info .text-center {
        text-align: left;
    }
    .nav-tabs > li {
        float: left;
    }
    .devisrecu .span4 {margin-top: 10px;}
    #devis {
        padding-bottom: 10px;
    }
    .annonce-tbs > li > a,.annonce-tbs > li > a:hover,.annonce-tbs > li:last-child > a, .annonce-tbs > .active:last-child > a {border: none;}

    .annonce-tbs > li > a {width: 224px;}
    .annonce-tbs > li:first-child > a {
        width: 215px;
    }
    .annonce-tbs > li > a ,.annonce-tbs > li:first-child > a{
        /*font-size: 11px;
        padding: 0 20px !important;
        text-align: center;*/
        /*        width: auto;*/
    }   
    .debubadge,.probadge {
        display: inline-block !important;
        width: auto !important;
    }
    .prftarif {
        margin-left:0px;float:left;
    }

    .missiontitre {
        font-size:18px;

    }
    .borderonlymobile {
        border:1px solid #d1d1d1;
        padding:15px !important;
        margin-bottom:20px !important;
    }
 
    .mobilehide {
        visibility: hidden;
        display: none;
    }
    .prftarif:before {
        content:"\a \a";
        white-space: pre;
    }
    .profiletabs > li:hover,.profiletabs .active {
        background: #f1f1f1 !important;
        border: 0;
        padding:10px 0;
    }
    .profiletabs > li {

        padding:10px 0;
    }

    .avg:before {
        content:"\a \a";
        white-space: pre;
    }

    .img-polaroid {
        width:80px;
        height:80px;
    }
    .probadge {
        margin-left:10px;
    }
    .media .skillm{
        margin-bottom: 10px !important;
        width: auto !important;
    }
    .media .pull-left, .media .pull-right {margin-left: 0 !important;}
    .form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group {
        clear: both;
        display: block;
        float: none;
        padding: 0;
        margin: 0 0 10px;
    }

    #id_location {
        margin-left: 0;
    }
    #filter-bar #id_categ_chzn {
        clear: both;
        display: block;
        float: none;
        margin: 10px 0;
        width: 100% !important;
    }
    .chzn-container-single .chzn-single {
        float: none;
        clear: both;
    }
    .chzn-container-single .chzn-search {padding: 3px 0;}
    .profile-header-wrap .shareme {
        position: absolute;
        top: -45px;
        right: 0;
    }
    .profiletabs > li {
        display: inline-block;
        margin-right: 0;
        text-align: center;
        width: 24%;
    }
    .com_content .div-center h1.green-txt {font-size: 36px !important;}
    .pull-left.item-image {float: none;}
    h2 {font-size: 27px;line-height: 1.2;}
    .faq .span7 h2,.faq .span7 h4 {text-align: center;}
    .faq .span7 + .pull-right {text-align: center;float: none;padding: 20px 0;}
    .accordion-heading h4 {font-size: 14px;line-height: 1.3 !important;padding-right: 25px !important;}
    .parchev {margin-top: 0;}
    .loginbox-container {width: 420px;padding: 20px 0;}
    .loginbox {margin-bottom: 30px;height: auto;padding-bottom: 40px;}
    .adblogside img {
        height: auto !important;
        width: 100%;
    }
    .conseil-footer {min-height: 180px !important;}
    .conseil-footer > p {word-wrap: break-word;}
    .conseil-article-container {clear: both;margin: 20px 0;}
    .conseil-article-footer {
        min-height: 200px !important;
    }
    .contact-form {
        margin-left: 0 !important;
    }
    .contactformit {border: none !important;}
    .devisrecu  .span2.text-center {
        text-align: left;
    }
    .devisrecu  .span1.text-center.pull-right {
        float: none;
    }
    .encoreplus.span4 {
        clear: none !important;
        margin-left: 10px !important;
        width: 31.9149% !important;
        float: left !important;
        height: 100%;
        margin-top: 28px;
        width: 30%;
    }
    .annonce-content {
        min-height: 0 !important;
    }
    .annonce-content p {
        min-height: 0 !important;
    }
    .annonce-tbs-info {display: none !important;}
    #devis .row-fluid {border-bottom: 1px solid #ccc;}
    #devis .row-fluid:last-child {border-bottom: none;}
    .devisrecu > div {position: relative; padding-left: 120px !important; }
    .devisrecu  > div:before {
        font-weight: bold;
        left: 6px;
        padding-right: 10px;
        position: absolute;
        text-align: left;
        top: 6px;
        white-space: nowrap;
        content: attr(data-rwd-label);
        padding-top: 10px;
        width: 100px !important;
    }
    .status .fa.fa-trophy {
        padding-left: 18px;
    }
    #devis {padding-bottom: 0;}
.minscrire,.meconnecter {display: inline-block !important;}
    .nav.nav-tabs.annonce-tbs {border-bottom: 1px solid #d7d7d7;}
    .register-form .accordion-inner .span6 {width: 48.9362%;float: left;clear: none;}
    .orangehim.span12.nomargin.text-center {
    display: block;
    width: 200px;
}
    .conseil0{clear: both;margin-top: 30px;}
    .span12.linear-grey2.boxme h3{
        float: none;
}
   .span12.linear-grey2.boxme .pull-right.nono {
    float: none;
    clear: both;
    display: block;
    padding-top: 10px !important;
}
}
/*--------------------/767px----------------*/

@media (max-width: 639px) {
    #no-more-tables > .table-striped tbody > .forceurg > td, #no-more-tables > .table-striped tbody > .forceurg > th {
        display: block;
        width: auto !important;
        padding-left: 140px !important;
    }
    .parentcat > #parent-category {
    width:100%;
}

.fa-arrow-right {
   display: none;
}
    #no-more-tables td::before {width: 100px !important;padding-left: 10px;padding-top: 10px;}
    .table td.text-left {width: auto !important;padding-left: 140px !important;}
    .table .fixme {
        text-align: left !important;
        width: auto;
    }
    .freelancer .media2 br {display: none;}
    .minscrire,.meconnecter {display: inline-block !important;}

    .sponmobile{
        box-sizing: border-box;
        width: 100% !important;
        float:none;
    }
    .exp-ico {
        margin: 0 auto;
        width:45px;
        height:45px;
        padding:0;
        float:none;
    }
    .userpostnew {
    
    font-weight:bold;
    border-top-left-radius:6px;
     border-top-right-radius:6px;
    border-bottom-left-radius:0px;
    font-size:13px;
    width: 88%;

}
.outer-boxx .login-input {
        width: 96% !important;
    }
    .pjob .btn-facebook {
        font-size:0.8em !important;
    }
.pjob {
   
    width: 100% !important;
    

}
.userpostold {
    
    font-weight:bold;
    border-top-right-radius:0px;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    font-size:13px;
    width: 88%;
}
    .exp-ico i {
        margin-left: 2px;
        margin-top: 12px;
    }  
    .expgrad{
        padding:0;font-size:20px;
    }
    .gradprof {
        text-align: center;
    }

    .pop-content .minscrire, .pop-content .meconnecter {
        display: block !important;
        margin-right:0 !important;
        margin-left: 0 !important;
        margin-bottom:10px !important;
        }
    .prftarif {
        margin-left:0px;float:left;
    }
    .mobilehide {
        visibility: hidden;
        display: none;
    }
    .centermobile2 {text-align: center;}
    .prftarif:before {
        content:"\a \a";
        white-space: pre;
    }

    .profiletabs > li:hover,.profiletabs .active {
        background: #f1f1f1 !important;
        border: 0;
        padding:10px 0;
    }
    .profiletabs > li {
        background: #f1f1f1 !important;
        border: 0;
        padding:10px 0;
    }
    .leftsearch {
        height:90px; border-left:0;}
    .prfconsult {
        margin-left:40px;
    }
    .tarif {
        margin-left: 0;
    }
    .prothumb {
        width: 50%;margin: 0 auto 20px auto;}
    .voirmarg {
        margin-top:0px;
        margin-left:0px;
    }
    .fullorange {
        width:100% !important;
    }
    .avg:before {
        content:"\a \a";
        white-space: pre;
    }
    .img-polaroid {
        width:80px;
        height:80px;
    }
    .probadge {
        margin-left:10px;
    }
    .profile-contacter {margin-top: 0px !important;border:0;height:0;padding:0;}



}
/*--------------------/639px----------------*/

@media (max-width: 567px) {
    
    .menu-moncompte {
    clear: both;
    float: none !important;
    position: static !important;
    text-align: center;
        padding-right: 0;
        height: auto;
        padding-top: 20px;
}
.parentcat > #parent-category {
    width:100%;
}

.fa-arrow-right {
   display: none;
}
   .menu-moncompte p {
    margin: 0 !important;
}
.outer-boxx .login-input {
        width: 96% !important;
    }
    .pjob .btn-facebook {
        font-size:0.8em !important;
    }
    .minscrire,.meconnecter {display: inline-block;}
    .header-search {padding: 0 !important;}
    .header .brand {float: none;width: 190px;}
    .header .brand img{max-width: 190px !important;}
    .footdiv , .footdivprelast,.footdivlast {
        width: 50% !important;
    }
    .footdivprelast {
        clear: left;
        padding-top: 30px !important;
    }
    .tarif {
        margin-left: 0;
    }
    .footdivlast {
        clear: none;
        float: left;
        margin: auto;
        text-align: center;
    }
    .table ul.unstyled.promo-accueil {
        clear: both;
        display: block;
        float: none;
        margin-left: 0;
        overflow: hidden;
        margin-top: 10px;
    }
    .minscrire.pull-left {
        width: auto !important;
    }

.pjob {
   
    width: 100% !important;
    

}

    #freemarche .nomargin .span7 , #recrutmarche .nomargin .span7  {padding-left: 0 !important;}
    #freemarche .nomargin .span7 .pull-left,#recrutmarche .nomargin .span7 .pull-left {
        float: none;
        text-align: center;
    }
    #recrutmarche .nomargin > .pull-left.publierprojet2 {text-align: inherit;}
    .conseil-big-left {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        height: auto;
        padding: 20px;
    }
    .viewprojects {display: block;margin: auto;width: 220px;text-align: center;}
    .home-hairline {display: none;}
    .encoreplus.span4 { width:100% !important; margin-top: 16px !important;margin-left: 0px !important;}
    .span2.grid  {  margin-left: 6px; width: 15%; }
.userpostnew {
    
    font-weight:bold;
    border-top-left-radius:6px;
     border-top-right-radius:6px;
    border-bottom-left-radius:0px;
    font-size:13px;
    width: 88%;

}

.userpostold {
    
    font-weight:bold;
    border-top-right-radius:0px;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    font-size:13px;
    width: 88%;
}
 .pop-content .minscrire, .pop-content .meconnecter {
        display: block !important;
        margin-right:0 !important;
        margin-left: 0 !important;
        margin-bottom:10px !important;
        }
    .annonce-header h2 {margin-top: 25px;}
    .annonce-header .promotions li span {
        background-size: 30px auto;
        height: 41px;
        width: 35px;
    }
   
    .step-container {width: 100%;}
    .register-form {width: 100%;}
    .step-top {padding: 0;}
    .step-bottom .pull-left.text-center.step-info.info-active {
        width: auto;
    }
    .step-bottom .pull-right.text-center.step-info {
        width: 80px;
    }
    .step-bottom .div-center.text-center.step-info {
        text-align: center;
        width: 80px;
    }
    .register-form .accordion-inner .span6 {width: 100%;float: none;clear: both;}
    embed {height: 240px;}
}
/*--------------------/567px----------------*/

@media (max-width: 479px) {
    .header .brand {
        float: none !important;
        margin-bottom: 10px !important;
    }
 .userpostnew {
    
    font-weight:bold;
    border-top-left-radius:6px;
     border-top-right-radius:6px;
    border-bottom-left-radius:0px;
    font-size:13px;
    width: 88%;

}
.parentcat > #parent-category {
    width:100%;
}

.fa-arrow-right {
   display: none;
}
.pjob {
   
    width: 100% !important;
    

}
.outer-boxx .login-input {
        width: 96% !important;
    }
    .pjob .btn-facebook {
        font-size:0.8em !important;
    }
.userpostold {
    
    font-weight:bold;
    border-top-right-radius:0px;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    font-size:13px;
    width: 88%;
}
    .minscrire,.meconnecter {display: inline-block !important;}
    .header-search {padding: 0;}
    .menu-moncompte {padding-top: 10px;}
    .menu_mn li > a {
        font-size: 12px;
    }
    .hometitle {font-size: 36px;margin-top: 80px;}
    .footdiv , .footdivprelast,.footdivlast {
        width: 100% !important;
        clear: both;
        float: none;
    }
    .footdivprelast {
        padding-top: 20px !important;
    }
    .viewprojects {width: auto;display: block;margin: auto;}

    .home3boxes-box2 .arrowright {right: 30px;}
    .home3boxes-box2 .arrowleft {left: 30px;}
    .annonce-actions .viewprojects{width: 170px;}
    .annonce-header h2 {font-size: 20px;}
    .freelancer .span9.nono > a {float: none;padding: 0;margin-bottom: 10px;}
    .media-body small {
        margin-right: 0;
    }
    .profile-header-wrap {margin-top: 80px;}
    .profile-header-wrap .shareme {top: -60px;}
    .profiletabs > li {
        border-bottom: 3px solid transparent;
        display: block;
        width: 100%;
    }
    #freemarche .nomargin > .pull-left,
    #recrutmarche .nomargin > .pull-left{
        width: 100%;
    }
    .pop-content .minscrire, .pop-content .meconnecter {
        display: block !important;
        margin-right:0 !important;
        margin-left: 0 !important;
        margin-bottom:10px !important;
        }
    #freemarche .nomargin > .pull-right,
    #recrutmarche .nomargin > .pull-right{
        width: 100%;
    }
    .sponmobile{
        box-sizing: border-box;
        width: 100%;
        float:none;
    }
    .probidder {
        width:74px;
    }

    .debubidder {
        width:74px;
    }
    .annonce-tbs > li.active:first-child > a {
        background: #23b833 !important;
        color:#fff !important;
        border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -o-border-radius: 0 !important;

    }

    .annonce-tbs > li > a {
        background: #f1f1f1;

    }

    .annonce-tbs > li.active > a > .green-txt {
        color: #fff;

    }

    .annonce-tbs > li > a:hover {
        background: #f1f1f1;

    }

    .annonce-tbs > li.active > a {
        background: #23b833 !important;
        color:#fff !important;
        border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -o-border-radius: 0 !important;
    }


    .exp-ico {
        margin: 0 auto;
        width:45px;
        height:45px;
        padding:0;
        float:none;
    }
    .exp-ico i {
        margin-left: 2px;
        margin-top: 12px;
    }  
    .expgrad{
        padding:0;font-size:20px;
    }
    .gradprof {
        text-align: center;
    }

    .tarif {
        margin-left: 0;
    }

    .comment-steps {
        text-align: left;
    }
    .nav.nav-pills.div-center.cmtcamarche > li {margin: 0 0 15px;}
    .anim01,.anim02,.anim03,.anim04,.anim05,.anim06 {left: auto;right: 0;top: 0;}
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 20px;
        line-height: 1.2 !important;
        padding: 5px 0 !important;
    }
    .blog .span3.conseil {
        clear: both !important;
        float: none !important;
        margin: 0 0 20px !important;
        width: 100% !important;
    }
    .loginbox-container {width: 100%;}
    .logme-form {width: 96%;}
    #dynamic_recaptcha_1 > div > div {width: 100% !important;}
    .encoreplus.span4 { margin-top: 3px !important ;width:100% !important; margin-left: 0px !important;}
    .span2.grid  {  margin-left: 5px; width: 15%; }
    .media-heading a,.media-heading small {display: block;}
    .annonce-tbs > li > a {width: 232px;}
    .annonce-tbs > li:first-child > a {
        width: 215px;
    }
   
    .step-bottom .pull-right.text-center.step-info {
        width: 80px;
    }
    .step-bottom .div-center.text-center.step-info {
        text-align: center;
        width: 80px;
    }
    .step-top .step-line { width: 24%;}
    .register-form h3 {
        padding: 0 10px !important;
        text-align: center;
    }

    


    .inside-register0 i {
        margin-left: 0;
        display: block;
    }
    /*.step-bottom .div-center.text-center.step-info {padding-right: 60px;}
    .step-bottom .pull-right.text-center.step-info {
    padding-right: 50px;
}*/
    embed {height: 220px;}
}
/*--------------------/479px----------------*/

@media (max-width: 359px) {
    #dynamic_recaptcha_1 > div > div { border-right: 1px solid #d3d3d3;border-radius: 0 3px 3px 0;}
    .encoreplus.span4 { margin-top: 0 !important ;width:100% !important; margin-left: 0px !important;}
    .span2.grid  {  margin-left: 6px; width: 15%; }
    .step-top .step-line { width: 20%;}
    embed {height: 200px;}
}
/*--------------------/359px----------------*/


@media screen and (min-width: 768px) and (max-width: 979px) {

.home3boxes-box1 .divbox-content{
    height: 290px !important;
}
#myCarousel {
    height: 290px !important;
}
.home3boxes-box3 .grid-container {height:262px;}
}

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

.comment-steps > div {padding: 7px 20px;}
#freemarche .nomargin > .minscrire.pull-left, #freemarche .nomargin > .minscrire.pull-right {
   clear: both;
    display: block !important;
    float: none !important;
    margin: auto !important;
    width: 180px !important;

}
}

@media screen and (max-width: 767px) {
.container-anim {margin:auto;}


#freemarche > .nomargin, #recrutmarche .nomargin {
    padding-top: 30px !important;
}
/*    #step4 .anim042 {bottom: 100px;}*/
}


@media screen and (max-width: 479px) {
h2 {
    font-size: 19px;
}
.anim042 {left:auto; right:20px; bottom:68px;}

#step3 .anim03 {left:38px;bottom:10px;right:auto;top: auto;bottom: 0;}
}


@media screen and (max-width: 359px) {
.container-anim {margin:auto !important;width:280px !important;}
.file-anim {background-size:55px auto !important;left:120px !important;}
.pen-anim {
left: 165px !important;
top: 55px !important;
background-size: 35px auto !important;
}
.dollar-anim {
left: 112px !important;
top: 95px !important;
background-size: 20px auto !important;
width:25px
}
.icon-anim1, .icon-anim2, .icon-anim3, .icon-anim4, .icon-anim5, .icon-anim6 {
background-size: 25px auto !important;
    height: 40px !important;
    width: 40px !important;
}
.dot-anim-main-anim4,
.dot-anim-main-anim5,
.dot-anim-main-anim6  {left: -65px !important;width:90px !important;}

.icon-anim4,.icon-anim5 , .icon-anim6 {left: -40px !important;}

.dollar-animz {
right: -9px !important;
}

.subfooter:hover .icon-anim1 {
    -webkit-transform: translate(10px, 25px) !important;
    transform: translate(10px, 25px) !important;;
}
.subfooter:hover .icon-anim2 {
    -webkit-transform: translate(10px, 0px) !important;
    transform: translate(10px, 0px) !important;;
}
.subfooter:hover .icon-anim3 {
    -webkit-transform: translate(10px, -20px) !important;
    transform: translate(10px, -20px) !important;;
}
.subfooter:hover .icon-anim4 {
    -webkit-transform: translate(-45px, 25px) !important;
    transform: translate(-45px, 25px) !important;
}
.subfooter:hover .icon-anim5 {
    -webkit-transform: translate(-40px, 0px) !important;
    transform: translate(-40px, 0px) !important;;
}
.subfooter:hover .icon-anim6 {
    -webkit-transform: translate(-40px, -20px) !important;
    transform: translate(-40px, -20px) !important;;
}

}