@media (min-width:1351px) and (max-width:1400px) {
    /*inner*/
    .capimg{width:108px;}
    /*inner*/
}
@media (min-width:1200px) and (max-width:1350px) {
    .fuulbanner{position:inherit;padding-bottom: 80px;}
    .logmiddle{padding: 2rem 1.5rem;}
    .logleft{padding: 2rem;width:300px;}
    .logright{width:300px;padding:1rem;}
    .cpimg {width: 110px;}
    .lefgone{justify-content: space-between;}
    .changlif{justify-content: center;}
    .fwid{width:100%;}
    .logmiddle{padding: 2rem 3rem;}
    .lefgone{justify-content: center;}
    .logright h3{font-size:24px;}
    /*inner*/
    .steobox ul{width:70%;}
    .slottitle h3{font-size: 17px;}
    .steobox2{width:90%;}
    .conteboxproinner{width:90%}
    /*inner*/
     /*register*/
    .loginbox.nelogoin{width:100%;}
    .fllexvos{align-items: center;}
    .logmiddle.nelogoe{padding: 2rem 2rem;}
     /*register*/
}
@media (min-width:992px) and (max-width:1199px) {
    .logright h3{font-size:24px;}
    .fuulbanner{position:inherit;padding-bottom: 80px;}
    .logmiddle{padding: 2rem 1.5rem;}
    .logleft{padding: 2rem;width:300px;}
    .logright{width:300px;padding:1rem;}
    .cpimg {width: 110px;}
    .lefgone{justify-content: space-between;}
    .changlif{justify-content: center;}
    .fwid{width:100%;}
    .logmiddle{padding: 2rem 3rem;}
    .lefgone{justify-content: space-between;}
    .capimg{width:110px;}
    /*inner*/
    .steobox ul{width:70%;}
    .slottitle h3{font-size: 17px;}
    .steobox2{width:90%;}
    .conteboxproinner{width:90%;}
    /*inner*/
     /*register*/
    .loginbox.nelogoin{width:100%;}
    .fllexvos{align-items: center;}
    .logmiddle.nelogoe{padding: 2rem 2rem;}
     /*register*/
      .conteboxproinner.respnso{width: 100%;}
      .respoi{width:100%;}
}
@media (min-width:871px) and (max-width:991px) {
    .logobox{width:90%;}
    .logright h3{font-size:24px;}
    .loginbox{top: 0;position:inherit;margin-top: 90px;width: 100%;}
    .logoinner img{width:55px;height:55px;margin-right:4px;}
    .headroxg{top: 11px;}
    .logoleft p{font-size: 12px;margin-bottom: 10px;}
    .btn.btn-primary.custe{font-size: 12px;}
    .logoinner h3{font-size:22px;padding-top:10px;text-align:left;}
    .logoright{margin-left:auto;}
    .fuulbanner{position:inherit;}
    .logmiddle{padding: 2rem 1.5rem;}
    .logleft{padding: 2rem;width:300px;}
    .logright{width:300px;padding:1rem;}
    .cpimg {width: 98px;}
    .lefgone{justify-content: space-between;}
    .changlif{justify-content: center;}
    .fwid{width:100%;}
    /*inner*/
    .conteboxproinner{border-bottom: 1px solid #ccc;padding-bottom: 8px;}
    .steobox ul{width: 100%;}
    .steobox ul li h3{font-size: 17px;}
    .steobox ul li{margin: 0 15px;border-bottom: 4px dotted blue;}
    .steobox2{width:100%;margin-top: 22px;}
    .slottitle h3{font-size: 17px;}
    .conteboxproinner{width:96%;}
    .capimg{width:98px;}
     /*inner*/
      /*register*/
    .loginbox.nelogoin{width:100%;flex-direction: column;}
    .logmiddle.nelogoe{width:100%;}
    .fllexvos{margin-bottom: 5px;align-items: center;}
    .widfhalr.mariht{width:49%;}
    .widfhalr{width:100%;margin-bottom: 18px;}
    .mogoc{width:100%;}
    /*register*/
     /*admin*/
     .logoinner.nelogo{align-items:center;}
     .logoinner.nelogo h3{padding-top:0;}
     .btcus{color: #fff;
    background: #fff;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: auto;}
     .leftad{flex-direction: column;}
     ul.navbar-nav{margin-top: 25px;margin-bottom: 25px;}
    /*admin*/
        .conteboxproinner.respnso{flex-direction: column;width: 100%;}
    .usertext h3 {font-size: 16px;}
    .resop{display: flex !important;flex-wrap: wrap;justify-content: space-between;margin-top: 7px;width: 100%;}
    .resop .boxla{margin-right: 2px;text-align: center;width: 24%;margin-bottom: 5px;padding: 7px 15px;}
    .probcont{width:100%;}
    .bwidth {width: 135px;}
    .disproimg{padding-bottom: 50px !important;}
    .respoi{width:100%;}
       /*home*/
    .activox ul{flex-wrap: wrap;justify-content:flex-start;}
    .activox ul li{width: 33%;}
     .activox ul li {margin-bottom: 15px;}
     .activox ul li h5{margin-bottom: 5px;}
     .userpasbox p{font-size:14px;}
      .userpasbox .usecha{margin-top: 21px;}
}
@media (min-width:768px) and (max-width:870px) {
    .logright h3{font-size:24px;}
  .logobox{width:80%;}
    .loginbox{top: 0;position:inherit;margin-top: 90px;width: 100%;}
    .logoinner img{width:55px;height:55px;margin-right:4px;}
    .headroxg{top: 11px;}
    .logoleft p{font-size: 12px;margin-bottom: 10px;}
    .btn.btn-primary.custe{font-size: 12px;}
    .logoinner h3{font-size:18px;padding-top:10px;text-align:left;}
    .logoright{margin-left:auto;}
    .fuulbanner{position:inherit;}
    .logleft{width:100%;padding:1rem;}
    .logleft h3{margin-bottom:6px;}
    .logmiddle{width:100%;padding:2rem 1rem;}
    .userboxd .mobof2{right: 15px;margin-top:4px;}
    .cpimg {width: 105px;margin-top:12px;}
    .changlif{justify-content: center;}
    .fwid{width:100%;}
    .logright{width:100%;padding:1rem;}
    .logoribox{width:150px;}
    .logright h3 {font-size: 22px;}
    .logleft:before{display:none;}
    .logright:before{display:none;}
    .logleft p:nth-child(2) {margin-bottom:5px;}
    .dfle{flex-direction: column;}
    .lefgone{width:100%;}
    /*inner*/
    .conteboxproinner{border-bottom: 1px solid #ccc;padding-bottom: 8px;}
    .steobox ul{width: 100%;}
    .steobox ul li h3{font-size: 17px;}
    .steobox ul li{margin: 0 15px;border-bottom: 4px dotted blue;}
    .steobox2{width:100%;margin-top: 22px;flex-wrap:wrap;}
     /*inner*/
     /*register*/
    .loginbox.nelogoin{width:100%;flex-direction: column;}
    .logmiddle.nelogoe{width:100%;}
    .fllexvos{margin-bottom: 5px;align-items: center;}
    .widfhalr.mariht{width:49%;}
    .widfhalr{width:100%;margin-bottom: 18px;}
    .mogoc{width:100%;}
    /*register*/
     /*admin*/
     .logoinner.nelogo{align-items:center;}
    .logoinner.nelogo img{width:35px;height:35px;}
    .logoinner.nelogo h3{font-size: 15px;}
     .logoinner.nelogo p{font-size: 12px;}
     .btcus{color: #fff;
    background: #fff;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: auto;}
     .leftad{flex-direction: column;}
     .leftad small{font-size:11px;}
     .locss.kli{width: 90px;padding: 2px 8px;line-height: 15px;}
     .fonse span{font-size: 12.9px;}
     .koi.jkw{font-size: 10px;}
     .locss.kli span{font-size:12.9px;}
     ul.navbar-nav{margin-top: 25px;margin-bottom: 25px;}
    /*admin*/
        .conteboxproinner.respnso{flex-direction: column;width: 100%;}
    .usertext h3 {font-size: 16px;}
    .resop{display: flex !important;flex-wrap: wrap;justify-content: space-between;margin-top: 7px;width: 100%;}
    .resop .boxla{margin-right: 2px;text-align: center;width: 24%;margin-bottom: 5px;padding: 7px 15px;}
    .probcont{width:100%;}
    .bwidth {width: 135px;}
    .disproimg{padding-bottom: 50px !important;}
    .respoi{width:100%;}
      /*home*/
    .activox ul{flex-wrap: wrap;justify-content:flex-start;}
    .activox ul li{width: 33%;}
     .activox ul li {margin-bottom: 15px;}
     .activox ul li h5{margin-bottom: 5px;}
      .userpasbox p{font-size:14px;}
      .userpasbox .usecha{margin-top: 21px;}
}
@media (min-width:601px) and (max-width:767px){
    .logobox{width:80%;}
    .loginbox{flex-direction: column;top: 0;position:inherit;margin-top: 90px;width: 80%;}
    .logoinner img{width:55px;height:55px;margin-right:4px;}
    .headroxg{top: 11px;}
    .logoleft p{font-size: 12px;margin-bottom: 10px;}
    .btn.btn-primary.custe{font-size: 12px;}
    .logoinner h3{font-size:18px;padding-top:10px;text-align:left;}
    .logoright{margin-left:auto;}
    .fuulbanner{position:inherit;}
    .logleft{width:100%;padding:1rem;}
    .logleft h3{margin-bottom:6px;}
    .logmiddle{width:100%;padding:2rem 1rem;}
    .userboxd .mobof2{right: 0;}
    .cpimg {width: 105px;}
    .changlif{justify-content: center;}
    .fwid{width:100%;}
    .logright{width:100%;flex-direction:row;padding:1rem;margin-bottom: 25px;}
    .logoribox{width:80px;}
    .logright h3 {font-size: 22px;text-align: left;padding-left: 11px;}
    .logleft:before{display:none;}
    .logright:before{display:none;}
    .logleft p:nth-child(2) {margin-bottom:5px;}
    /*inner*/
    .conteboxproinner{border-bottom: 1px solid #ccc;padding-bottom: 8px;}
    .steobox ul{width: 100%;}
    .steobox ul li h3{font-size: 17px;margin-top: 8px;}
    .steobox ul li{margin: 0 15px;border-bottom: 4px dotted blue;}
    .steobox2{width:100%;margin-top: 22px;flex-wrap:wrap;}
    .steobox21 span{width:48%;}
     /*inner*/
     /*register*/
    .loginbox.nelogoin{width:100%;}
    .logmiddle.nelogoe{width:100%;}
    .fllexvos{flex-direction: column;margin-bottom: 5px;}
    .widfhalr{width:100%;margin-bottom: 18px;}
    .mogoc{width:100%;}
    .fllexvos.nocolu{flex-direction:row;}
    /*register*/
     /*admin*/
     .logoinner.nelogo{align-items:center;}
    .logoinner.nelogo img{width:35px;height:35px;}
    .logoinner.nelogo h3{font-size: 15px;}
     .logoinner.nelogo p{font-size: 12px;}
     .btcus{color: #fff;
    background: #fff;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: auto;}
     .leftad{flex-direction: column;}
     .leftad small{font-size:11px;}
     .locss.kli{width: 90px;padding: 2px 8px;line-height: 15px;}
     .fonse span{font-size: 12.9px;}
     .koi.jkw{font-size: 10px;}
     .locss.kli span{font-size:12.9px;}
     ul.navbar-nav{margin-top: 25px;margin-bottom: 25px;}
    /*admin*/
     .conteboxproinner.respnso{flex-direction: column;padding: 10px;width: 100%;}
    .usertext h3 {font-size: 16px;}
    .resop{display: flex !important;flex-wrap: wrap;justify-content: space-between;margin-top: 7px;width: 100%;}
    .resop .boxla{margin-right: 2px;text-align: center;font-size: 12px;width: 24%;margin-bottom: 5px;padding: 7px 15px;}
    .probcont{width:100%;}
    /*home*/
    .slitext h3 {font-size: 16px;}
    .slitext h4 {font-size: 16px;}
    .inoulca{width:160px;}
    .lowebox{width:92%;margin-top:0;}
     /*userprofile*/
    .respoi{flex-direction: column;padding-bottom: 50px;padding-left: 10px;padding-right: 10px;width: 100%;}
    .lefproimg{width: 67%;margin: 0 auto;}
    .rightproimg{width:100%;}
    .usertextpro {width: 49%;}
     /*home*/
    .activox ul{flex-wrap: wrap;}
    .activox ul li{width: 48%;}
    .activox ul li:nth-child(2){text-align:right;}
    .activox ul li:nth-child(4){text-align:right;}
     .activox ul li {margin-bottom: 15px;}
     .activox ul li h5{margin-bottom: 5px;}
      /*changepass*/
    .userpasbox {width: 70%;}
     .userpasbox .usecha {width: 100%;}
       .tright {justify-content: inherit;}
      
}
@media (min-width:481px) and (max-width:600px){
    .logobox{width:80%;}
    .loginbox{flex-direction: column;top: 0;position:inherit;margin-top: 90px;width: 80%;}
    .logoinner img{width:55px;height:55px;margin-right:4px;}
    .headroxg{top: 11px;}
    .logoleft p{font-size: 12px;margin-bottom: 10px;}
    .btn.btn-primary.custe{font-size: 12px;}
    .logoinner h3{font-size:18px;padding-top:10px;text-align:left;}
    .logoright{margin-left:auto;}
    .fuulbanner{position:inherit;}
    .logleft{width:100%;padding:1rem;}
    .logleft h3{margin-bottom:6px;}
    .logmiddle{width:100%;padding:2rem 1rem;}
    .userboxd .mobof2{right: 0;}
    .cpimg {width: 105px;}
    .changlif{justify-content: center;}
    .fwid{width:100%;}
    .logright{width:100%;flex-direction:row;padding:1rem;margin-bottom: 25px;}
    .logoribox{width:80px;}
    .logright h3 {font-size: 22px;text-align: left;padding-left: 11px;}
    .logleft:before{display:none;}
    .logright:before{display:none;}
    .logleft p:nth-child(2) {margin-bottom:5px;}
    /*inner*/
    .conteboxproinner{width:100%;border-bottom: 1px solid #ccc;padding-bottom: 8px;}
    .steobox ul{width:100%;}
    .steobox2{width:100%;margin-top: 22px;flex-direction: column;text-align:center;}
    .kli span{font-size: 14px;}
    .steobox ul li h3{font-size: 15px;margin-top: 8px;}
    .koi{font-size: 14px;}
    .steobox ul li{border-bottom: 4px dotted blue;margin: 0 14px;}
    .steobox21 span{width:100%;}
     /*inner*/
     /*register*/
    .loginbox.nelogoin{width:100%;}
    .logmiddle.nelogoe{width:100%;}
    .fllexvos{flex-direction: column;margin-bottom: 5px;}
    .widfhalr{width:100%;margin-bottom: 18px;}
    .mogoc{width:100%;}
    .fllexvos.nocolu{flex-direction:row;}
    /*register*/
    /*admin*/
     .logoinner.nelogo{align-items:center;}
    .logoinner.nelogo img{width:35px;height:35px;}
    .logoinner.nelogo h3{font-size: 15px;}
     .logoinner.nelogo p{font-size: 12px;}
     .btcus{color: #fff;
    background: #fff;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: auto;}
     .leftad{flex-direction: column;}
     .leftad small{font-size:11px;}
     .locss.kli{width: 90px;padding: 2px 8px;line-height: 15px;}
     .fonse span{font-size: 12.9px;}
     .koi.jkw{font-size: 10px;}
     .locss.kli span{font-size:12.9px;}
     ul.navbar-nav{margin-top: 25px;margin-bottom: 25px;}
    /*admin*/
     .conteboxproinner.respnso{flex-direction: column;padding: 10px;}
    .usertext h3 {font-size: 16px;}
    .resop{display: flex !important;flex-wrap: wrap;justify-content: space-between;margin-top: 7px;width: 100%;}
    .resop .boxla{margin-right: 2px;text-align: center;font-size: 11px;width: 24%;margin-bottom: 5px;padding: 7px 15px;}
    .probcont{width:100%;}
       /*home*/
    .slitext.resop{flex-direction: column;justify-content: space-between;}
    .chobox{margin-bottom: 10px;justify-content: space-between;}
    .slitext h3 { font-size: 16px;}
    .slitext h4 {font-size: 16px;}
    .timeobs{flex-direction: column;}
    .datbox2{margin-bottom: 16px;width: 100%;}
    .datbox1{width:100%;}
    .lowebox{margin-top:0;width: 87%;flex-direction: column;}
    .lbox{width:100%;margin-right: 0px;}
    .lowebox p{width:100%;margin-right:0;}
    .wdiefull{width:100%;}
    .hbox{width:100%;}
     /*userprofile*/
    .respoi{flex-direction: column;padding-bottom: 50px;padding-left: 10px;padding-right: 10px;}
    .lefproimg{width: 67%;margin: 0 auto;}
    .rightproimg{width:100%;}
    .usertextpro {width: 49%;}
    /*home*/
    .activox ul{flex-wrap: wrap;}
    .activox ul li{width: 48%;}
    .activox ul li:nth-child(2){text-align:right;}
    .activox ul li:nth-child(4){text-align:right;}
     .activox ul li {margin-bottom: 15px;}
      /*changepass*/
    .userpasbox {width: 70%;}
     .userpasbox .usecha {width: 100%;}
       .tright {justify-content: inherit;}
}
@media (min-width:371px) and (max-width:480px){
    .logobox{flex-direction: column;}
    .loginbox{flex-direction: column;top: 0;position:inherit;margin-top: 116px;width:100%;}
    .logoinner img{width:60px;height:60px;}
    .headroxg{top: 11px;}
    .logoleft p{font-size: 12px;margin-bottom: 10px;}
    .btn.btn-primary.custe{font-size: 12px;}
    .logoinner h3{font-size: 21px;padding-top:10px;}
    .logoright{margin-left:auto;}
    .fuulbanner{position:inherit;}
    .logleft{width:100%;padding:1rem;}
    .logleft h3{margin-bottom:6px;}
    .logmiddle{width:100%;padding:2rem 1rem;}
    .userboxd .mobof2{right: 0;}
    .cpimg {width: 105px;}
    .changlif{justify-content: center;}
    .fwid{width:100%;}
    .logright{width:100%;flex-direction:row;padding:1rem;margin-bottom: 25px;}
    .logoribox{width:80px;}
    .logright h3 {font-size: 22px;text-align: left;padding-left: 11px;}
    .logleft:before{display:none;}
    .logright:before{display:none;}
    .logleft p:nth-child(2) {margin-bottom:5px;}
    .lefgone{justify-content: space-between;}
    /*inner*/
    .conteboxproinner{width:100%;border-bottom: 1px solid #ccc;padding-bottom: 8px;}
    .steobox ul{width:100%;}
    .steobox ul li{border:0;margin: 0 4px;}
    .steobox2{width:100%;margin-top: 22px;flex-direction: column;text-align:center;}
    .kli span{font-size: 14px;}
    .steobox ul li h3{font-size: 15px;margin-top: 10px;}
    .steobox21 span{width:100%;}
    /*inner*/
    /*register*/
    .loginbox.nelogoin{width:100%;}
    .logmiddle.nelogoe{width:100%;}
    .fllexvos{flex-direction: column;margin-bottom: 5px;}
    .widfhalr{width:100%;margin-bottom: 18px;}
    .fllexvos.nocolu{flex-direction:row;}
    /*register*/
     /*admin*/
     .logoinner.nelogo{align-items:center;}
    .logoinner.nelogo img{width:35px;height:35px;}
    .logoinner.nelogo h3{font-size: 15px;}
     .logoinner.nelogo p{font-size: 12px;}
     .btcus{color: #fff;
    background: #fff;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: auto;}
     .leftad{flex-direction: column;}
     .leftad small{font-size:11px;}
     .locss.kli{width: 90px;padding: 2px 8px;line-height: 15px;}
     .fonse span{font-size: 12.9px;}
     .koi.jkw{font-size: 10px;}
     .locss.kli span{font-size:12.9px;}
     ul.navbar-nav{margin-top: 25px;margin-bottom: 25px;}
    /*admin*/
     .conteboxproinner.respnso{flex-direction: column;padding: 10px;}
    .usertext h3 {font-size: 16px;}
    .resop{display: flex !important;flex-wrap: wrap;justify-content: space-between;margin-top: 7px;width: 100%;}
    .resop .boxla{margin-right: 2px;text-align: center;font-size: 12px;width: 47%;margin-bottom: 5px;}
    .probcont{width:100%;}
      /*home*/
    .slitext.resop{flex-direction: column;justify-content: space-between;}
    .chobox{margin-bottom: 10px;justify-content: space-between;}
    .slitext h3 { font-size: 16px;}
    .slitext h4 {font-size: 16px;}
    .timeobs{flex-direction: column;}
    .datbox2{margin-bottom: 16px;width: 100%;}
    .datbox1{width:100%;}
    .lowebox{margin-top:0;width: 87%;flex-direction: column;}
    .lbox{width:100%;margin-right: 0px;}
    .lowebox p{width:100%;margin-right:0;}
    .wdiefull{width:100%;}
    .hbox{width:100%;}
    .userpasbox{width:100%;}
    .userpasbox .usecha{width:100%;}
    .tright{justify-content: inherit;}
    .activox ul li{margin-bottom: 15px;}
    .activox ul{flex-direction: column;}
    .activox ul li h5{margin-bottom: 5px;}
    /*userprofile*/
    .respoi{flex-direction: column;padding-bottom: 50px;padding-left: 10px;padding-right: 10px;}
    .lefproimg{width: 67%;margin: 0 auto;}
    .rightproimg{width:100%;}
    .usertextpro {width: 49%;}
    /*changepass*/
    .userpasbox {width: 70%;}
     .userpasbox .usecha {width: 100%;}
       .tright {justify-content: inherit;}
       .cpchat{width:100px;}
       .capimg{width:100px;}
       .custfomr:focus ~ label, .has-content.custfomr ~ label{font-size: .7rem;top: -8px;}
}

   
@media (min-width:320px) and (max-width:371px){
    .logobox{flex-direction: column;}
    .loginbox{flex-direction: column;top: 0;position:inherit;margin-top: 116px;width: 100%;}
    .logoinner img{width:40px;height:40px;}
    .headroxg{top: 11px;}
    .logoleft p{font-size: 12px;margin-bottom: 10px;}
    .btn.btn-primary.custe{font-size: 12px;}
    .logoinner h3{font-size: 18px;padding-top:0;}
    .logoright{margin-left:auto;}
    .fuulbanner{position:inherit;}
    .logleft{width:100%;padding:1rem;}
    .logleft h3{margin-bottom:6px;}
    .logmiddle{width:100%;padding:2rem 1rem;}
    .userboxd .mobof2.nerole{position: relative;right: -20px;top: 8px;}
    .marto{margin-top:14px;}
    .cpimg {width: 105px;}
    .changlif{justify-content: center;}
    .fwid{width:100%;}
    .logright{width:100%;flex-direction:row;padding:1rem;margin-bottom: 25px;}
    .logoribox{width:80px;}
    .logright h3 {font-size: 22px;text-align: left;padding-left: 11px;}
    .logleft:before{display:none;}
    .logright:before{display:none;}
    .logleft p:nth-child(2) {margin-bottom:5px;}
    .lefgone{width:100%;}
    /*inner*/
    .conteboxproinner{width:100%;border-bottom: 1px solid #ccc;padding-bottom: 8px;}
    .steobox ul{width:100%;}
    .steobox ul li{border:0;margin: 0 4px;}
    .steobox2{width:100%;margin-top: 22px;flex-direction: column;text-align:center;}
    .kli span{font-size: 14px;}
    .steobox ul li h3{font-size: 12px;margin-top: 10px;}
    .steobox21 span{width:100%;}
    /*inner*/
    /*register*/
    .loginbox.nelogoin{width:100%;}
    .logmiddle.nelogoe{width:100%;}
    .fllexvos{flex-direction: column;margin-bottom: 5px;}
    .widfhalr{width:100%;margin-bottom: 18px;}
    /*register*/
    /*admin*/
    .logoinner.nelogo img{width:35px;height:35px;}
    .logoinner.nelogo h3{font-size: 15px;}
     .logoinner.nelogo p{font-size: 12px;}
     .btcus{color: #fff;
    background: #fff;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: auto;}
     .leftad{flex-direction: column;}
     .leftad small{font-size:11px;}
     .locss.kli{width: 90px;padding: 2px 8px;line-height: 15px;}
     .fonse span{font-size: 12.9px;}
     .koi.jkw{font-size: 10px;}
     .locss.kli span{font-size:12.9px;}
     ul.navbar-nav{margin-top: 25px;margin-bottom: 25px;}
    /*admin*/
    .conteboxproinner.respnso{flex-direction: column;padding: 10px;}
    .usertext h3 {font-size: 16px;}
    .resop{display: flex !important;flex-wrap: wrap;justify-content: space-between;margin-top: 7px;}
    .resop .boxla{margin-right: 2px;text-align: center;font-size: 12px;width: 47%;margin-bottom: 5px;}
    .probcont{width:100%;}
    /*home*/
    .slitext.resop{flex-direction: column;justify-content: space-between;}
    .chobox{margin-bottom: 10px;justify-content: space-between;}
    .slitext h3 { font-size: 16px;}
    .slitext h4 {font-size: 16px;}
    .timeobs{flex-direction: column;}
    .datbox2{margin-bottom: 16px;}
    .datbox1{width:100%;}
    .lowebox{margin-top:0;width: 87%;flex-direction: column;}
    .lbox{width:100%;margin-right: 0px;}
    .lowebox p{width:100%;margin-right:0;}
    .wdiefull{width:100%;}
    .steobox1 h3 {font-size: 28px;}
    /*userprofile*/
    .respoi{flex-direction: column;padding-bottom: 50px;}
    .lefproimg{width: 67%;margin: 0 auto;}
    .rightproimg{width: 100%;}
    .innerusertext{flex-direction: column;}
    .usertextpro {width: 100%;}
    .widle{width:100%;}
    .userpasbox{width:100%;}
    .userpasbox .usecha{width:100%;}
    .tright{justify-content: inherit;}
    .activox ul li{margin-bottom: 15px;}
    .activox ul{flex-direction: column;}
    .activox ul li h5{margin-bottom: 5px;}
    .dfle{flex-direction:column;}
}