/***************************************** media for all devices start from here *****************************************/
/* 1600 view*/
@media only screen and (max-width:1920px) {}

/* 1440 view*/
@media only screen and (max-width:1599px) {}

/* 1366 view*/
@media only screen and (max-width:1439px) {}

/* 1280 view*/
@media only screen and (max-width:1365px) {}

/* iPad 1024 (Landscape) view*/
@media only screen and (max-width:1279px) {
	.databot-trigger{
	display:none;
	}
}

/* iPad 768 (portrait) view*/
@media only screen and (max-width: 1023px) {

    .ai-databot#wrapper {
        /* padding-left: 60px; */
    }
    
    .custom-datatbot .ai-databot {
    max-width: 80%;
    }

    .ai-databot #sidebar-wrapper {
        width: 285px;
        z-index: 111 !important;
    }

    .ai-databot#wrapper.toggled #sidebar-wrapper {
        width: 0px;
    }

    .ai-databot#wrapper.toggled #navbar-wrapper {
        position: absolute;
        margin-right: -250px;
    }

    .ai-databot#wrapper.toggled #content-wrapper {
        position: absolute;
        margin-right: -250px;
    }

    .ai-databot #navbar-wrapper {
        position: relative;
    }

    /* #wrapper.toggled {
        padding-left: 250px;
      } */

    .ai-databot #content-wrapper {
        position: relative;
        top: 0;
    }

    .ai-databot#wrapper.toggled #navbar-wrapper,
    .ai-databot#wrapper.toggled #content-wrapper {
        position: relative;
        margin-right: 250px;
    }

    .ai-databot.toggled .control-group {
        padding-left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    /* .main-section {
        height: 100%;
    } */

    .ai-databot .table-chart {
        flex-direction: column;
    }

    .ai-databot .table-chart .chart-wrapper{
        width: 100%;
    }
    .ai-databot .table-chart .table-wrapper {
        width: 100%;
    }

    .ai-databot .logo-wrapper {
        max-width: 120px;
        padding-left: 35px;
    }

    .ai-databot .response-content {
        overflow: hidden;
    }

    .ai-databot .table-utilities {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 10px;
    }

    .ai-databot .tools-block {
        padding-top: 0;
    }

    .ai-databot .more-opt .uploaded-docs {
        display: block !important;
    }

    .ai-databot .main-section {
        height: calc(100vh - 205px);
    }

    .ai-databot.toggled .btn.new-chat-btn, .ai-databot.toggled .control-group{
        display: none;
    }

    .ai-databot .uploaded-files{
        width: 250px;
        right: -20px;
    }

}

/* iPhone-6 plus 736 (Landscape) view */
@media only screen and (max-width: 767px) {
    .ai-databot#wrapper {
        padding-left: 0;
    }
    
    .custom-datatbot .ai-databot#wrapper{
    max-width:100%;
    }
    
    .custom-datatbot {
    padding: 16px;
}

.custom-datatbot .doctbot-wrapper .container{
	max-width:100%;	
}

.ai-databot .wc-heading {
    font-size: 26px;
}

.ai-databot .wc-sub-heading {
    font-size: 18px;
}

    .ai-databot #sidebar-wrapper {
        width: 285px;
        z-index: 111;
    }

    .ai-databot#wrapper.toggled #sidebar-wrapper {
        width: 60px;
        z-index: 11;
    }

    .ai-databot#wrapper.toggled #navbar-wrapper {
        position: absolute;
        margin-right: -250px;
    }

    .ai-databot#wrapper.toggled #content-wrapper {
        position: absolute;
        margin-right: -250px;
    }

    .ai-databot #navbar-wrapper {
        position: relative;
    }
    
    .ai-databot#wrapper.toggled #sidebar-wrapper{
    background:transparent;
    }

    /* #wrapper.toggled {
        padding-left: 250px;
      } */

    .ai-databot #content-wrapper {
        position: relative;
        top: 0;
    }

    .ai-databot#wrapper.toggled #navbar-wrapper,
    .ai-databot#wrapper.toggled #content-wrapper {
        position: relative;
        margin-right: 250px;
    }

    .ai-databot .title {
        display: none;
    }

    .ai-databot .custom-header {
        padding: 10px 10px 10px 50px;
    }
    
     .custom-datatbot .custom-header {
        padding: 10px;
    }

    .main-section {
        /* padding-left: 70px; */
    }

    .ai-databot .form-main {
        /* padding-left: 70px; */
    }

    .ai-databot .logo-wrapper {
        padding-left: 10px;
    }
    
    .custom-aibot-modal .modal-header .btn-close {
    top: 22px;
    right: 15px;
}

}

/* iPhone-6 667 (Landscape) view */
@media only screen and (max-width: 735px) {}

/* iPhone-5 568 (Landscape) view */
@media only screen and (max-width: 666px) {
    .ai-databot .uploaded-docs-block {
        width: 245px;
        left: 10px;
        top: 190px;
    }

    .ai-databot .user-img,.databot-img{
        width: 32px;
        height: 32px;
        font-size: 14px;
    }

    .ai-databot .about-databot-block{
        width: 200px;
    }

    .ai-databot .response-block,.que-wrapper{
        flex-direction: column;
                gap: 8px;
    }

}

@media only screen and (max-width:1439px){
.custom-datatbot .ai-databot{
	max-width:100%;
}
}

/* iPhone-4 480 (Landscape) view */
@media only screen and (max-width: 567px) {
    .ai-databot .about-databot {
        display: none;
    }

    .ai-databot .logo-wrapper {
        max-width: 100px;
    }

    .ai-databot .ques-wrapper {
        justify-content: space-between;
        padding: 10px;
        align-items: center;
    }

    /* .input-wrapper{
        width: 47%;
    } */

    .ai-databot .send-btn-wrapper {
        padding: 10px 10px;
        font-size: 18px;
    }

    .ai-databot .add-docs {
        font-size: 18px;
        padding: 10px 10px;
    }

    .ai-databot .view-all {
        padding: 10px;
    }

    .ai-databot .mic-on {
        padding: 10px;
    }

    .ai-databot .main-section{
        height: calc(100vh - 191px);
    }
}

/* iPhone-6 plus 414 (portrait) view */
@media only screen and (max-width: 479px) {

    /* .input-wrapper{
        width: 37%;
    } */
    .ai-databot .input-wrapper {
        width: 51%;
    }
}

/* iPhone-6 375 (portrait) view */
@media only screen and (max-width: 413px) {
    .ai-databot .input-wrapper {
        width: 100%;
    }
}

/* iPhone-4 320 (portrait) view */
@media only screen and (max-width: 374px) {
    .ai-databot .input-wrapper {
        width: 29%;
    }
}