@media only screen and (min-width:1200px) and (max-width:1400px)
{	
	.logregcon {padding-top: 30px;}
	.loginlogo {margin-bottom: 90px;}

	.updates-search-tags {width: 23%;}
	

}

@media only screen and (max-width: 1300px)
{	
	.clientlistingtable .table th, .clientlistingtable .table td {white-space: nowrap;}
}

@media only screen and (min-width:1200px) and (max-width:1299px)
{
	.addnewsystemsection .boxmaxheight {height: 250px;}
	.addnewsystemsection .mdc-layout-grid__cell--span-3, .addnewsystemsection .mdc-layout-grid__cell--span-3-desktop {
  	width: auto; grid-column-end: span 4;}

}	

@media only screen and (max-width: 1199px)
{	

	.addnewsystemsection .mdc-layout-grid__cell--span-3, .addnewsystemsection .mdc-layout-grid__cell--span-3-desktop {
  	width: auto; grid-column-end: span 4;}
	  
	  .date-selection-section li .datepicker {width: 170px;}
	  .date-selection-section li .floating-label {width: 170px;}

  	
	
}

@media only screen and (min-width:992px) and (max-width:1199px)
{	
	.logregcon {padding-top: 30px;}
	.loginlogo {margin-bottom: 90px;}
	.newusersetting {max-width: 540px;}
	.pagehafwidht {max-width: 670px;}
	.boxmaxheight {height: 200px;}
	.addnewsystemsection .boxmaxheight {height: 250px;}
}

@media only screen and (max-width: 991px)
{
	.hist-overview-list ul {flex-wrap: wrap; }
	.date-selection-section {display: flex;}
	.date-selection-section ul {flex-direction: column; width: 100%;}
	.date-selection-section li {padding: 5px 10px 10px 10px; margin-right: 0px; margin-bottom: 10px;	border-right: none; border-bottom: 1px solid #ccc;}
	.date-selection-section li:last-child {padding-right: 10px;	border-right: none; border-bottom: none; margin-bottom: 0px; }

}

@media only screen and (min-width: 768px) and (max-width: 991px)
{	
	.newusersetting {max-width: 490px;}
	.pagehafwidht {max-width: 590px;}
}

@media only screen and (min-width: 768px)
{
    .mdc-layout-grid__cell{transition: transform .2s;}
    .has-selected-quote{-ms-transform: scale(0.9); /* IE 9 */
        -webkit-transform: scale(0.9); /* Safari 3-8 */
        transform: scale(0.9);}
	.has-selected-quote-system {align-items: center inherit;}
	.has-selected-quote-system .has-selected-quote {align-items: center;}
	.has-selected-quote-system .has-selected-quote .boxmaxheight {height: 200px !important; padding: 10px 10px 50px 10px;}
	/* .has-selected-quote-system .has-selected-quote .systemsize {bottom: unset !important;} */
	.has-selected-quote-system .has-selected-quote .newsystemwhitebox .systemimg_single {max-height: 100px;max-width: 50%;}
	.has-selected-quote-system .has-selected-quote .newsystemwhitebox .systemimg .mainsvg {max-height: 100px;}

	/* .has-selected-quote-system {align-items: center inherit;}
	.has-selected-quote-system .has-selected-quote {align-items: center;}
	.has-selected-quote-system .has-selected-quote .boxmaxheight {height: 200px !important; padding: 10px 10px 50px 10px;}
	.has-selected-quote-system .has-selected-quote .newsystemwhitebox .systemimg_single {max-height: 100px;}
	.has-selected-quote-system .has-selected-quote .newsystemwhitebox .systemimg .mainsvg {max-height: 100px;} */
}	

@media only screen and (max-width: 767px)
{	
	.loginlogo {margin-bottom:40px;}
	.loginform .form-group {margin-bottom: 25px;}
	.table th, .table td {white-space: nowrap;}
	h2.maintitle {font-size: 20px;}
	.body-wrapper {padding-left: 0px; padding-right: 0px;}
	.footer {margin-left: 15px; margin-right: 15px;}
	.menuicon {left: 15px;}
	.mainlogo span {margin-left: 5px;}
	.newusersetting {max-width: 100%;}
	.modal-dialog {/*padding-right: 15px; padding-left: 15px;*/ margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}
	.pagehafwidht {max-width: inherit;}
	.whiteboxshadow h4 {min-height: inherit; margin-bottom: 10px;}
	.accsectoion .mdc-text-field--outlined i {right: 15px;}
	.flexbtn {display: inline-block !important; -ms-flex-pack: inherit !important; justify-content: inherit !important;}
	.flexbtn .rightbtn {display: inline-block;}
	.flexbtn .leftbtn {display: inline-block;}
	.logregcon {padding-top: 30px;}
	.com-newquote-model .modal-body {padding-top: 10px;}
	.addnewsystemsection .systemflex {padding: 0px 10px 0px 10px;}
	.addnewsystemsection .systemleftside {display: flex; align-items: center;}

    /* 22-12-2022 */
    .floated-btn{right: 15px;}
	.quote-client-list .quote-client-list-buttons .flexbtn .leftbtn {margin-bottom: 20px;}


	

}	

@media only screen and (min-width: 576px) and (max-width: 767px)
{	
	.addnewsystemsection .mdc-layout-grid__cell--span-3,  .addnewsystemsection .mdc-layout-grid__cell--span-3-desktop {width: auto; grid-column-end: span 2;}

}
@media only screen and (max-width: 575px)
{	
	.new-mess-privesec {flex-direction: column;}
	.new-mess-formsec {width: 100%;}
	.new-prive-pinkbg {width: 100%;}
}

@media only screen and (max-width: 479px)
{
	.tablesortbypagination { display: block !important; display: block !important; -ms-flex-pack: inherit !important; justify-content: inherit !important;}
	.tableeditdeletedropdown {text-align: center;}
	.showingpagination {text-align: center;}
	.showinlineblock {margin-left: 7px; margin-right: 7px; margin-bottom: 7px;}
	.clientlistpopup h3.modal-title {padding-right: 0px;}
	.cancelediticon {position: relative; right: inherit; top: inherit; text-align: right;}
	.clientlistpopup .modal-header {display: block;}
	.editiconpopup {display: inline-block; width: auto;}
	.editiconpopup a {width: auto; height: auto; line-height: inherit; vertical-align: middle;}
	.editiconpopup a:hover {background-color: transparent; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0px; }
	.cancelediticon button {width: auto; height: auto; line-height: 15px; margin-left: 15px !important;}
	.cancelediticon button:hover {background-color: transparent; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0px; }
	.cancelediticon button span {line-height: normal;}
	.boxmaxheight {height: 200px;}
	.previewbox {border-radius: 5px; width: 100%; padding-left:15px; padding-right: 15px;}
	.addnewsystemsection .boxmaxheight {height: 250px;}

	.addnewsystemsection .systemflex {padding: 0px 15px 0px 15px;}
}

@media only screen and (max-width: 399px) 
{	
	
}


img {max-width: 100%; height: auto; /*width: auto\9;  ie8 */}