@media screen and (max-width:599px){
/*.mobileviewcontainer{display: block !important;}
.webviewcontainer{display: none;}*/
.webviewcontainer{display: block;}
.newscards_items{min-height: 240px; max-height: 240px}
.newscards_items .text, .chatcontainer .item-body p, .simplelist.list p{font-size: 12px; white-space: normal;}
.chatcontainer .item-body h2, .chatcontainer .simplelist.list .title{font-size: 14px;}
.simplelist.list .item{padding: 10px 70px 10px 10px;}
.simplelist.list .item-thumbnail-right img{max-width: 50px; max-height: 50px;}
.appchat.pane{width: 100%;}
.webchatcontainer .chatcontainer .list.card{width: 96%; margin: auto !important; margin-bottom: 25px !important;}
.chatcontainer .suggestionchips button{min-width: auto; font-size: 12px;}
.popup-container .popup{width: 96%;}
.webchatcontainer .chatcontainer .simplelist.list{width: 96%; margin: auto;}
/*.newscards_image img{  
	max-width: 100%;
    height: 110px;
    object-fit: cover;
}*/

.liststyle h2{width: 96%; margin: auto;}
.select_language{position: absolute; right: 15px; /*width: 95px;*/}
.select_language .ui-select-bootstrap .ui-select-toggle{padding: 6px !important;}
.ui-select-bootstrap>.ui-select-choices, .ui-select-bootstrap>.ui-select-no-choice{min-width: 95px !important;}

.chatcontainer .item-body p{font-size: 14px; line-height: 24px;}
.newscards_image img{  
	max-width: 100%;
    height: 160px;
    object-fit: cover;
}
.basiccard{width: 90%;}
.sendermaincontainer{margin-bottom: 10px;}
.moreinfo{width: 100%;}
}


@media screen and (min-width:600px) and (max-width:959px){
.mobileviewcontainer{display: none; !important;}
.webviewcontainer{display: block;}
.webchatcontainer{width: 85%; left: 15%;}
.webviewcontainer .chatcontats{width: 15%;}
.webchatcontainer .chatcontainer{width: 100% !important; float: right; padding: 10px; padding-bottom: 110px;}
.webviewcontainer .inside_header{width: 85%;}
.webviewcontainer .chatcontats .item h2, .webviewcontainer .chatcontats .item p,
.webviewcontainer .chatcontats .item-note{display: none;}
.webviewcontainer .chatcontats .list img{max-width: 50px; max-height: 50px; margin-top: 10px; position: static;}
.webviewcontainer .chatcontats .item{padding: inherit; text-align: center;}
.webviewcontainer .chatcontats .profilecontainer{text-align: center; width: 14.99%;}
.webviewcontainer .chatcontats .profilecontainer img{float: none;}
.webchatcontainer .chatcontainer .simplelist.list{width: 70%;}
.webchatcontainer .chatcontainer .list.card{width: 60%;}
.speechbar img{width: 230px;}
.speechbar{width: 70%; left: 15%;}
.mainstartbutton button{margin-bottom: 50px;}
}


@media screen and (min-width: 600px) and (max-width: 799px){
.loginpage .scroll{width: 60% !important; margin: auto;}
.popup-container .popup{width: 80%;}
.appchat.pane{width: 80%;}
.webviewcontainer .inside_header{width: 100%;}
.webchatcontainer{width: 100%;}
.webchatcontainer .chatcontainer .simplelist.list{width: 96%;}
.speechclose i{font-size: 30px;}
.speechclose{right: -12px; top: -20px;}

.speechbar img{width:200px !important; margin-top: -40px; height: 130px;}
.speechbar span{float: left; margin-top: 12px !important; margin-left: 40px;}
.moreinfo{width: 100%;}
}

@media screen and (min-width: 800px) and (max-width: 959px){
.loginpage .scroll{width: 50% !important; margin: auto;}
.popup-container .popup{width: 60%;}
}

@media screen and (min-width: 960px){
.loginpage .scroll{width: 30% !important; margin: auto;}
.popup-container .popup{ width: 35%;}
.welcomeuese{width: 50%; font-size: 16px;}
.mainstartbutton .welcomecontainer .list.card{width: 50%;}
.liststyle h2, .linkoutchip h2{width: 50%; margin: initial;}
.liststyle .chatcontainer .simplelist.list{margin-left: 0;}
.simplelist.list .item-thumbnail-right img{max-width: 50px; max-height: 50px;}
.webchatcontainer .chateditor{width: 100%; left: 0;}
.webchatcontainer .chatcontainer .simplelist.list{margin-left: 0;}
.mainstartbutton .welcomestartbutton{position: static; width: 25%; margin: auto;}
.speechbar{width: 40%; left: 30%;}
.speechbar img{width: 230px;}
.mainstartbutton button{margin-bottom: 50px;}

}

@media(min-width: 768px){
	.video_responsive{width: 40%;}
	.welcomeimg img{width: 200px;}
}

@media (min-width: 405px) and (max-width: 420px){
.webchatcontainer .chatcontainer{height:calc(100vh - 120px) !important;}
.appchat textarea, .appchat input{border-radius: 20px !important;}
}

@media (min-width: 310px) and (max-width: 330px){
.speechbar img{width: 140px;}
}

@media (min-width: 310px) and (max-width: 370px){
.webchatcontainer .chatcontainer{padding-top: 30px;}
.mainstartbutton{height: calc(100vh - 140px);}
}

@media (min-width: 370px) and (max-width: 560px){
.mainstartbutton button{margin-bottom: 30px;}
}