@media only screen and (max-width: 768px) {
       
         .navb-title {
        display :block!important;
    }

     .sttrec-ttle { 
        font-size:18px;
    }   
     .height-fixer {
    min-height :200px;
}

.menu-contener {
    border-right :none ;
    padding:10px;
    padding-top:0px!important;
    margin-top:2%;
    height :auto;
}

        .contener-1 a,
        .contener-1 button {
            width:70%;
        }

        .cart_nav,.home_page_menu,#h3_yrd ,.ord_nly{
            display:none;
        }
        .text-cntener {
            text-align:center;
        }
        h1 {
            padding: 20px;
	font-size: 24px;
	margin-bottom: 15px;
	line-height:28px;
    text-align:center;
        }
        h3,h4,h2 {
            font-size:15px;
        }

        .bg-contener {
            min-height :200px;
        }
        .mob_nly {
            display:block;
        }

        .col-titres small {
        font-size :7px;
        font-weight:bold ;
        color :#398439;
        text-align :left ;
    }

    .col-imag {
    padding-left:initial;
    height:80px;
    padding-right:initial;
    display:none;
}

    .login-bg-contener {
    padding :20px;
    border :1px solid #fff;
    border-radius :6px;
    background-color:#369;
    margin-top:10%;
    padding-left:35px;
    padding-right :35px;
}
     
    /************Home page *****/
   #mdl_alert {
            width:100%!important
        }

        #h3_hp {
            text-align:center !important;
        }

    /************* Etats * */

        .col-list-fraud,.col-list-fr-btn {
            display:block;
        }

        .div_no_dyspMob {
            display:none;
        }

        .div_trierPar_mob {
            padding-bottom:20px;padding-top:10px;
        }

        .col-lebel-afficher {
            text-align:left;
            margin-left:30%;
        }

        #debu_search, #fin_search {
            width:200px;margin-left:4%;border-radius:initial;
        }

        #F_trie_btn {
            width:168px;
        }
        .txtTitl {
    font-size:18px;
        }
        #bt_serch_prde {
            width:200px;margin-top:2%;
        }

        #liste_DR, #list_Agence, #list_Affaire {
            height:30px;
            padding:2px;
        }

       
        /******************* etat accidents*/

        #divTrier {
            padding-left:63px!important;padding-right:8px;
        }
            #divTrier #m_type {
                width:230px!important
            }
        #divTrier2 #p_type {
            margin-left:17.5%; width:230px!important; margin-top:2%
        }
        #divLesMs {
            padding-left:30px!important
        }
        #divRech {
            text-align:center !important;
            padding-top:5px
        }
            #divRech #sp11 {
                float:left!important; margin-right:0!important;
                margin-left:11%;
            }
        .sp_11 {
            margin-top:2%!important
        }


        /************** etat des absences*/

        #typ_q {
            width:160px !important
        }

        #periodSP {
           padding-left:24px!important;
           padding-top:7px!important
        }
        #_debu,#_fin {
            width:50%!important
        }

        .sml_impr {
            margin-top:13px!important;
            margin-left:36%!important
        }

        #tb_list_ tr th {
            width:100px!important
        }

        /**************** etat examen */

        #titlH4 {
            font-size:17px!important; font-weight:bold;font-family:'Arial Rounded MT';
        }

        #ID_Examen,#ID_matiere {
            width:250px!important
        }
        #ID_matiere {
            margin-left:9px!important
        }

        #divExport {
            text-align:left !important
        }


        /******************** liste des interpellés  */

 

    .col-img img {
        width:60px!important;
        height :60px!important
    }

        .col-infs .col-md-4 {
            text-align:left !important
        }

        /******************* liste générale des prévénus */

        #coldu{
            visibility:hidden;
        }


        /*********************** Point des déguerpissements ***********/

        #titlH2 {
            font-size:16px!important
        }
        #TypeBilans {
            margin-left:51px!important;
            width:200px!important
        }
        #ms_MoiS {
            margin-left:21px!important;
            width:200px!important
        }
        #le_typOp {
             margin-left:14px!important;
        }

        .col-sel span,#spleft  {
            text-align:left !important
        }

        .colsz1 {
            padding-top:8px!important
        }
        #btn_generer,#bt_exprt {
            margin-top:10px!important; width:95%!important;
            padding-bottom:5px;padding-top:5px;
        }


        /***************** stat by infraction */
        #colTypInfz {
            text-align:left !important;

        }
            #colTypInfz #le_typOp {
                 width:200px!important;
                 margin-left:2.5%!important
            }
        #colMsmoi #ms_MoiS {
            margin-left:5%!important;
            width:200px!important
        }
        #colTypBl #TypeBilans {
            width:200px!important;
            margin-left:10.5%!important;
        }
        #colMsmoi, #colTypBl, #colTypInfz {
            padding-top:8px
        }
        #peridsods {
            padding-top:8px;
        }

        /***********point saisies ou détruits  */
        #colTypBl2 #TypeBilans {
            margin-left:1%!important;
            width:285px!important;
        }
        #perdsai {
            padding-top:10px; padding-bottom :5px
        }

        /************* avis de recherche ***************/

        .col-ims,.col-nom, .col-stat {
           text-align:left !important
       }

            .col-ims img {
                height:65px
            }

        .actifz {
           background-color:#fff;color:#333!important;
       }
           .actifz b, .actifz i {
               color:#ff6a00!important;font-weight:bold;
           }

        .contCllist {
            border-right:none!important;
        }
        .col-toph {
            height:330px!important;
        }

        #Zerch_q {
            width:250px!important
        }

        /*************saisie index */

        #h1saiTle {
            border :1px solid #000;
            background-color:#333;
            text-shadow:none !important;
            color:#fff!important;
            padding:10px!important;border-radius:10px;
            padding-left:initial!important;padding-right:initial!important; font-size:15px
        }
        #bgcntszer {
            min-height:400px;
        }

        /******************* saisie des infractions */

        #infrTitL {
            font-size :20px; line-height:25px;
            border : 1px solid #369;margin-left:0px;padding:15px;
            background-color:#f2f2f2; 
        }

        #h4matSaisi b {
            float:left;margin:0;
            font-size:7px;margin-top:3%;margin-bottom:3%;
        }

        #h4matSaisi a {
            font-size :9px; float :left;
        }

        #searchQ {
            width:220px
        }
        #frmGet_q {
            width:100%; height:90px;
        }
        #mdl_pat_dlg,#mdl_pat_dlg_small {
            width:100%!important
        }
        #divAjtsai {
            padding-bottom:15px;
        }

        #tb_infs tr td select, #tb_infs tr td input[type="text"],
        #tb_infs tr td input[type="number"],
        #tb_infs tr td textarea,
         #tb_infs_2 tr td select, #tb_infs_2 tr td input[type="text"],
    #tb_infs_2 tr td input[type="number"],
    #tb_infs_2 tr td textarea {
            width:200px;
        }

        /********************** saisie des interpellés ********/
        .col-c-group .col-label {
            text-align:left !important
        }
        .col-c-group .col-md-8 {
            height:32px;
        }
        .col-c-group input[type="text"],
        .col-c-group input[type="number"] .col-c-group textarea,
        .col-c-group select {
            height:32px!important;
        }

        .col-part-1 {
            border:none;
        }
        #h1Interpl {
            border:1px solid #333;background-color:#369;
            padding:5px!important; color:#fff;
            padding-bottom:15px!important;padding-top:15px!important;
            font-size:20px;font-family:'Arial Rounded MT';
        }

        #colTofGrp {
            
            height:250px;
            margin-top:35%
        }
            #colTofGrp img {
                height:250px!important;
            }

        #colBtnTof button {
            font-size:7px;
        }
        #colButngrp {
            padding-left:initial; padding-right:initial;
        }
        #colButngrp button {
            font-size:8px;
        }

        /******************** les photos   /*****/

        #divColtofs,#btGrpTofs {
            padding-left:initial;padding-right:initial;
        }
        #col2tofs {
            margin-top:2%
        }
        #h3tofs {
            display:none;
        }
        #btGrpTofs button, #btGrpTofs a {
            font-size:7px
        }

        #preview_img_123 {
            height:200px;
        }
      .lead b,  #laqualit {
            font-size:10px!important
        }
        #litofsml {
            font-size:10px!important
        }
        .li-comment {
            min-height:110px!important;max-height:110px!important;
            height:110px!important;font-size:8px!important
        }

        /****************** bilan humain   */

        .col-f-group .col-label {
            text-align:left !important
        }
        #bttl1,#h2titrbil {
            margin-left:0% !important
        }
        #h2titrbil {
            border:1px solid #333; padding:10px; background-color:#369;color:#fff;
            color:#fff !important;font-weight:bold;
text-shadow:none !important;font-size:16px!important
        }

        /******************* le saisies et découvertes *********/
        #dteDecv1 {
            padding-right:15px!important
        }
        #dteDecv1 #date_aff {
            border:1px solid #66afe9!important;
            
        }
        #dteDecv2 #heur {
            
        }
        #rowdecvs {
            height:740px!important;border:1px solid #f00
        }
        #arrbtngrps {
            width:100%!important;padding-left:initial !important; padding-right:initial !important;
            text-align:center !important
        }
            #arrbtngrps button, #arrbtngrps a {
                font-size:10px!important
            }
        #colistDcvs {
            margin-top:13%
        }
            #colistDcvs #searchQ {
                width:200px!important
            }
        #bbtnsaddcv {
            margin-top:3%!important
        }
            #bbtnsaddcv a, #bbtnsaddcv button {
                font-size:10px!important
            }


        #spmrargs {
            margin-left:5px
        }


        /**********************dossiers d'enquêtes ********/

        #colMsZ #ms_debu,#colMsZ #ms_fin {
            width:138px!important
        }
        #labstat {
            display:none;
        }
        #statDs1 #m_type {
            margin-left:13%
        }
        #divrchcol6 {
            margin-top:2%
        }
            #divrchcol6 button, #divrchcol6 a {
                font-size:7px!important
            }



            /********************** administration --- index*/

        #adminMens a.ref_link,
        #adminMens a,
        #aquits,
        #adminMens button {
            width:95%!important
        }
        #ID_cmp {
            width: 330px;
        }
        #spusers {
           margin-left:0%!important
        }
        #ID_brig,#Group_Q {
            width:330px!important
        }

        /*************observates*/

        #colBtnsObs {
            height:210px!important; border:none
        }























}