@media only screen and (min-width:200px) and (max-width:760px) {
    span.col-sm-2.logoimage {
        text-align: center;
        width: 100%;
        display: inline-block;
    }
    .col-sm-12.breadcrums {
        width: 100%;
        margin: 10px 0 0;
        color: #727474;
        padding: 0 30px;
        display: inline-block;
    }
    .linkrecom{float:left;}
    .form_middle {
        padding: 0 10px;
    }

    form.form.width .col-sm-10 {
        padding: 0;
    }
    .contacttable.rewardstable thead tr th, table.table.table-hover.contacttable.rewardstable tr td {
        padding: 9px 10px;
    }
    .fullwidth .col-sm-4, .col-sm-2.profilepic {
        padding-right: 0;
        padding-left: 5px;
    }

    .col-sm-10.pull-right {
        padding: 0;
    }

    .personal {
        font-size: 16px;
        top: 0px;
    }

    .col-sm-2.profilepic {
        width: 100%;
        float: left;
    }

    .mandory {
        position: relative;
        top: 0;
        width: 100%;
        text-align: center;
        display: inline-block;
    }

    .headerbg {
        padding: 9px 7px;
        position: relative;
    }

    .counts {
        bottom: 0;
        float: left;
        width: auto;
        top: auto;
        text-align: center;
        margin: 10px 0;
        position: absolute;
        right: -11px;
    }

    .justnow {
        position: relative;
    }

    .notificationsboxesstext {
        width: 100%;
    }

    .searchboxknowledge select.form-control.widthbox {
        min-width: 122px !important;
        position: relative;
        left: -21px;
    }

    .signpage .col-sm-10.pull-right {
        padding-right: 0;
        width: 100%;
    }

    .buttonsfull button.btn {
        font-size: 16px;
    }

    .clearable__clear {
        right: 35px;
    }

    .col-sm-6.rightside {
        padding: 0 0;
    }

    button.btn.btn-default.login {
        min-width: auto;
        padding: 8px 24px;
    }

    .form {
        margin: 0;
    }

    .rightsidebox {
        top: 0;
        padding: 0 50px;
    }

    .container.homecont {
        width: 100%;
    }

    .col-sm-6.Leftside {
        padding: 0;
    }

    .middleform {
        margin-top: 0px;
    }

    .container.homecont {
        width: 100%;
    }

    .form.width .clearable__clear {
        top: 39px;
        right: 4%;
        padding: 0;
    }

    ul.swiper-wrapper {
        margin-bottom: 40px;
        height: 189px;
    }

    video {
        width: 100%;
        height: 122px;
    }

    .col-sm-2.leftbox {
        min-height: auto;
    }

    span.hometext {
        display: none;
    }

    .middledashobard {
        margin-top: 0px;
        position: relative;
        top: 12%;
    }

    .admin-name {
        display: none;
    }

    .col-sm-4.pull-right.rightnav li {
        margin: 9px;
    }

    img.profilepic {
        margin-right: 0;
    }

    .col-sm-4.pull-right.rightnav {
        padding: 0;
    }

    .fixedrelative {
        width: 3.7%;
        background: none;
    }

    body.menuToggle .fixedrelative, body.menuToggle .col-sm-2.leftbox {
        width: 50%;
        background: #02152d;
        z-index: 999;
    }

    body.menuToggle span.hometext {
        display: block;
        font-size: 11px;
        position: relative !important;
        top: 4px !important;
        width: 76% !important;
        left: 0 !important;
        padding: 0 !important;
    }

    .alertmsg.loginvalidation {
        left: 70px;
        font-size: 12px;
    }

    .modal-dialog.modal-dialog-centered.profileeditpopup {
        width: 95%;
        margin: auto;
    }

    .col-sm-12.buttonright.popupbutton {
        margin: 0 0 20px;
        width: 100%;
    }

    body.menuToggle a.toggle {
        background: url(../images/arrowtoggle.png);
    }

    a.toggle {
        background: url(../images/arrowtoggle-right.png);
        right: -17px;
    }

    i.homeicon {
        display: none;
    }

    li.active {
        background: none;
    }

    ul.dashnoardlinks {
        height: 100%;
        overflow: scroll;
    }

    ul.dropdown-header-top.author-log.dropdown-menu {
        top: 52px;
        left: -144px !important;
        position: absolute;
    }

    a.nav-link.dropdown-toggle i {
        margin-left: 14px;
        top: 5px;
    }

    body.menuToggle i.homeicon {
        display: block;
    }

    button.close {
        top: 0;
    }

    #lightbox .carousel {
        padding-top: 16px !important;
    }

    .profilesection {
        padding: 20px 14px;
    }

    span.profedit {
        display: none;
    }

    .editprofile .loginhead {
        text-align: left;
        padding: 0;
        font-size: 18px;
    }

    .col-sm-3.edittext.pull-right {
        position: absolute;
        top: 0;
        right: 0;
    }

    .modal-dialog.modal-dialog-centered.gallerypop {
        width: 100%;
        margin: 30px auto;
        padding: 0;
        top: 50%;
        transform: translatey(-50%);
    }

    .pull-right.searchbox {
        width: 62%;
    }

    .tooltipbox {
        display: none;
    }

    .ratingbox {
        margin-bottom: 20px;
    }

    .answers {
        padding: 0 15px;
    }

    .col-sm-6.quesboxes {
        padding: 0;
    }

    .questionnew {
        min-height: auto;
    }

    .countsnumber {
        font-size: 58px;
        padding: 5px 10px;
    }

    .col-sm-10.circleimagesright:before, .col-sm-8.rewardboxes:before {
        display: none;
    }

    .col-sm-2.cricleimages {
        float: left;
    }

    .col-sm-10.circleimagesright {
        margin: 20px 0;
        width: 100%;
        float: left;
    }

    .col-sm-8.rewardboxes.blackbox .rewardtext {
        color: #919191;
    }

    .col-sm-3.searchbox input.form-control, .col-sm-3.searchbox select.form-control.widthbox {
        margin-bottom: 16px;
    }

    button.btn.btn-default.export {
        font-size: 12px;
        padding: 3px 8px;
        margin-left: 10px;
    }

    .notie-container {
        width: 95% !important;
    }

    body .notie-container {
        width: 95% !important;
    }

    body .notie-container .notie-textbox-inner {
        font-size: 12px !important;
        line-height: 17px !important;
    }

    .pull-right.quizbutton {
        text-align: center;
    }

    .quizstart {
        font-size: 12px;
        padding: 10px 17px;
    }

    .pull-right.searchbox {
        width: auto;
        margin-bottom: 10px;
    }

    .modal-dialog.modal-dialog-centered.profileeditpopup.ratingpopup {
        width: 92%;
        border-radius: 5px;
    }

    .ratingpop i {
        color: #134a86;
        font-size: 33px;
        margin: 0 5px;
        cursor: pointer;
    }

    .modal-dialog.modal-dialog-centered.profileeditpopup.ratingpopup .modal-header .close {
        margin-top: 9px;
        z-index: 999;
        color: #fff;
        position: absolute;
        font-size: 23px;
        right: 6px;
    }

    .knowledgeinner img {
        width: 100%;
    }

    .col-sm-12.exportexcel.pull-right label {
        float: left;
        margin-top: 4px;
    }

    .modal-dialog.modal-dialog-centered.gallerypop .modal-body {
        background: none;
        padding: 0;
        width: 82%;
        margin: auto;
    }

    .ratingbox.knowrating .pull-left.star {
        position: relative;
        top: 4px;
    }

    .topsearchbox .pull-right.searchbox:last-child {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

        .topsearchbox .pull-right.searchbox:last-child .searchboxknowledge {
            width: 100%;
        }

            .topsearchbox .pull-right.searchbox:last-child .searchboxknowledge .input-group.col-md-12 {
                width: 100%;
            }

    .totalboxess {
        width: 100% !important;
        box-sizing: border-box;
        text-transform: uppercase;
    }

    div#logoutModal .modal-dialog {
        width: 95% !important;
    }

    .fullwidthspiegraph {
        padding: 0 15px;
        box-sizing: border-box;
    }

    .col-sm-6.leftpiechat.relativebox .pieheading {
        position: relative;
    }
    /*
    div#piechart_3d {
        left: -10px !important;
        top: 0 !important;
    }
        */
    .col-sm-6.pull-right.relativebox {
        width: 100%;
        display: inline-block;
        margin: auto;
    }

    .pieheading {
        font-size: 17px;
    }

    #loader {
        left: 40%;
    }

    .fullwidthspiegraph .col-sm-6.leftpiechat:nth-child(2n) {
        padding: 0 0;
    }

    svg g text {
        font-size: 11px;
        font-family: Roboto;
        font-weight: bold;
    }

    .col-sm-3.searchbox.paddingright {
        padding-right: 0;
    }

    .col-sm-3.searchbox {
        padding-right: 0;
    }
    
    .fullwidthspiegraph .col-sm-6.leftpiechat:nth-child(2n) .pieheading {
        left: 15px;
    }

    .fullwidthspiegraph .col-sm-6.leftpiechat.relativebox p.pieheading {
        left: 15px;
        top: -6px;
    }
}
@media only screen and (min-width:200px) and (max-width:630px) {
    .col-sm-8.rewardboxes {
        margin-bottom: 15px;
        padding: 0;
        margin-top: 15px;
        width: 100%;
        z-index: 99;
    }
}
    @media only screen and (min-width:641px) and (max-width:760px) {
        .col-sm-6.Leftside {
            padding: 0;
            width: 48%;
            float: left;
        }

        .col-sm-6.rightside {
            padding: 0 0;
            width: 48%;
            float: right;
        }

        .rightsidebox {
            top: 30px;
            padding: 0 50px;
        }

        .topsearchbox .pull-right.searchbox:last-child .searchboxknowledge .input-group.col-md-12 {
            width: auto;
        }

        .topsearchbox .pull-right.searchbox:last-child .searchboxknowledge {
            width: auto;
        }

        .topsearchbox .pull-right.searchbox:last-child {
            width: auto;
            padding: 0 10px;
            box-sizing: border-box;
            margin-right: 24px;
        }
    }


    @media only screen and (min-width:767px) and (max-width:999px) {
        .img-thumbnail {
            width: 100px;
            height: 100px;
        }
        div#popup-1{height:36%;}
        .personal {
            font-size: 21px;
        }
        .contacttable.rewardstable thead tr th, table.table.table-hover.contacttable.rewardstable tr td {
            padding: 9px 30px;
        }
        .loginhead {
            font-size: 18px;
        }

        form.form.width label {
            font-size: 12px;
        }

        .alertmsg {
            bottom: -2px;
            font-size: 9px;
            line-height: normal;
        }

        .mandory {
            font-size: 11px;
            top: 8px;
        }

        span.black {
            font-size: 9px;
            top: 5px;
            position: relative;
            line-height: normal;
        }

        .welcometext {
            font-size: 16px;
        }

        .form {
            margin: 13px 0 10px;
        }

        button.btn.btn-default.login {
            padding: 8px 22px;
            min-width: auto;
        }

        .buttonscenter .btn {
            font-size: 12px;
        }

        .col-sm-6.rightside {
            padding: 0 15px;
        }

        .container.homecont {
            width: 95%;
        }

        .col-sm-4.pull-right.rightnav {
            width: 70%;
        }

        .col-sm-10.rightbox {
            width: 73%;
        }

        .col-sm-2.leftbox {
            width: 23%;
        }

        .fixedrelative {
            width: 23%;
        }

        .pull-right.searchbox {
            width: 27%;
            margin: auto;
            display: inline-block;
        }

            .pull-right.searchbox button.btn.btn-success {
                position: relative;
                left: 41px;
            }

        body.menuToggle .fixedrelative, body.menuToggle .col-sm-2.leftbox {
            width: 8%;
        }

        body.menuToggle .col-sm-10.rightbox {
            width: 92%;
            float: right;
        }

        .ratingbox {
            margin-bottom: 20px;
        }

        .notie-container {
            width: 50% !important;
        }

        .container.homecont {
            width: 100%;
        }

        .col-sm-8.rewardboxes {
            width: 100%;
        }

        .col-sm-10.circleimagesright {
            width: 81%;
            padding: 9px 20px;
        }

            .col-sm-10.circleimagesright:before {
                right: -63px;
            }

        .col-sm-8.rewardboxes:before {
            left: 8%;
        }

        .col-sm-3.searchbox {
            margin-bottom: 10px;
            width: 50%;
        }

        .swiper-slide {
            display: inline-block;
        }

        .slidertext {
            bottom: 0px;
        }

        .col-sm-3.searchbox div#datepicker1 input.form-control, .col-sm-3.searchbox div#datepicker input.form-control {
            width: 64%;
        }

        .gallerypop .swiper-container.swiper-container-horizontal {
            width: 100%;
            height: 329px;
        }

        .justnow {
            position: relative;
        }

        .notificationsboxesstext {
            width: 100%;
        }

        .contacttable thead tr th {
            padding: 15px 15px;
        }

        table.table.table-hover.contacttable tr td {
            padding: 9px 20px;
        }

        ul.swiper-wrapper {
            margin-bottom: 40px;
            height: 290px;
        }

        .swiper-container {
            height: 290px;
        }

        .col-sm-6.pull-right.relativebox {
            width: 100%;
        }

        .col-sm-6.leftpiechat {
            width: 100%;
        }

        div#logoutModal .modal-dialog {
            width: 56% !important;
        }

        .fullwidthspiegraph .col-sm-6.leftpiechat:nth-child(2n) .pieheading {
            left: 20px;
        }
    }

    @media only screen and (min-width:1000px) and (max-width:1250px) {
        .alertmsg {
            font-size: 10px;
        }

        .col-sm-4.pull-right.rightnav {
            width: 60%;
        }
        div#popup-1{height:49%;}
        body.menuToggle .fixedrelative, body.menuToggle .col-sm-2.leftbox {
            width: auto;
        }

        body.menuToggle .col-sm-10.rightbox {
            width: 95%;
            float: right;
        }

        .ratingbox {
            margin-bottom: 10px;
        }

        .marginautobox {
            margin: auto;
            width: 94%;
        }

        .col-sm-10.circleimagesright:before {
            right: -63px
        }

        .col-sm-8.rewardboxes:before {
            left: 8%;
        }

        span.hometext {
            width: 80%;
            font-size: 12px;
        }

        ul.dashnoardlinks li a {
            padding: 17px 8px;
        }

        .totalboxess {
            width: 88%;
        }

        div#logoutModal .modal-dialog {
            width: 44% !important;
        }
    }

    /*ative, body.menuToggle .col-sm-2.leftbox {width: 7%; }
    body.menuToggle .col-sm-10.rightbox {width: 93%; float: right; }
    .ratingbox {margin-bottom: 10px; }
    .marginautobox {margin: auto; width: 94%; }
    .col-sm-10.circleimagesright:before{right: -63px}
    .col-sm-8.rewardboxes:before{left: 8%;}
    span.hometext {width: 80%; font-size: 12px;}
    ul.dashnoardlinks li a {padding: 17px 8px; }
    }*/
@media only screen and (max-width: 760px) and (min-width: 200px) {
    .pull-left.star {
        width: 100%;
        margin-bottom: 10px;
    }

    div#popup-1 {
        position: absolute !important;
        left: 0 !important;
        margin: auto !important;
        background-color: #f2f7fb !important;
        width: 100%;
        bottom: 0 !important;
        right: 0 !important;
        max-width: 92%;
        height: 63%;
        padding: 12px;
        top: 0 !important;
        border-radius: 10px;
        overflow: auto;
    }
        div#popup-1 label {
            font-weight: bold;
            color: #002553 !important;
            font-size: 12px;
        }
    .ratingbox {
        padding: 0;
    }
    div#popup-1 .col-sm-6 {
        margin-bottom: 13px;
        width: 50%;
        float: left;
    }
    .pull-right.downloadpop.checkKnowledge {
        width: 100%;
    }

     
  
}