@media (max-width: 1366px) {
 
	.background-bg-part{
		display: block !important;
	}
}

@media (min-width: 2000px) {

p{
  font-size: 18px !important;
}
.detail-grid {
  padding: 21px 20px 12px !important;
}

.text-gridbox p {
  margin: 0px;
  font-size: 20px !important;
}


.progress-bar-circle div {
  position: absolute;
  height: 150px !important;
  width: 150px !important;
  border-radius: 50%;
  left: 20px;
}

.progress-bar-circle div span {
  position: absolute;
  font-family: Arial;
  font-size: 25px;
  line-height: 175px;
  height: 130px !important;
  width: 130px !important;
  left: 10px !important;
  top: 10px !important;
  text-align: center;
  border-radius: 50%;
}

.progress-bar-circle .background { background-color: #b3cef6; }

.progress-bar-circle .rotate {
  clip: rect(0 75px 150px 0) !important;
}

.progress-bar-circle .left {
  clip: rect(0 75px 150px 0) !important;
  opacity: 1;
}

.progress-bar-circle .right {
  clip: rect(0 75px 150px 0) !important;
  transform: rotate(180deg);
  opacity: 0;
}
.progress-bar-circle div span p {
    margin-top: 45px !important;
}

}

@media only screen and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  	.navbar .nav-item .nav-link{
		padding: 10px 42px !important;
  	}
}

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  	.navbar .nav-item .nav-link{
		padding: 10px 42px !important;
  	}
  	.box-left-container h3 {
    color: #72cddc;
    margin-top: 30px;
    margin-bottom: 18px !important;
    font-size: 21px !important;
}
.box-left-container p{
	font-size: 13px !important;
}
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  	
  	.detail-grid .col-md-4{
		flex: 0 0 50% !important;
   		 max-width: 50% !important;
	}
	.detail-grid .col-md-8{
		flex: 0 0 50% !important;
   		 max-width: 50% !important;
	}
	.box-availble-amounts h4{
		font-size: 18px !important;
	}
	.box-grid{
		padding: 10px 20px !important;

	}
	.detail-grid {
	    padding: 12px 20px 0px !important;
	}
	.navbar .nav-item .nav-link{
		padding: 10px 28px !important;
  	}
	.navbar .nav-item {
	       margin-left: 51px !important;
		   margin-right: 51px !important;
	}
	

}
@media (max-width: 1700px){
	
  	.detail-grid .col-md-4{
		flex: 0 0 50% !important;
   		 max-width: 50% !important;
	}
	.detail-grid .col-md-8{
		flex: 0 0 50% !important;
   		 max-width: 50% !important;
	}
	.box-availble-amounts h4{
		font-size: 18px;
	}
	.box-grid{
		padding: 10px 20px !important;

	}
	.detail-grid {
	    padding: 12px 20px 0px !important;
	}
	
/*	.navbar .nav-item {
	       margin-left: 51px !important;
468		   margin-right: 51px !important;
	}*/
	

}
@media (max-width: 1600px){

	.navbar-nav li:last-child{
		margin-right: 5px !important;
	}
	
  	.detail-grid .col-md-4{
		flex: 0 0 50% !important;
   		 max-width: 50% !important;
	}
	.detail-grid .col-md-8{
		flex: 0 0 50% !important;
   		 max-width: 50% !important;
	}
	.logout{
		padding-left: 70px !important;
	}

	.box-availble-amounts h4{
		font-size: 18px !important;
	}
	.box-grid{
		padding: 10px 20px !important;

	}
	.detail-grid {
	    padding: 12px 20px 0px !important;
	}

/*	.navbar .nav-item {
	       margin-left: 51px !important;
		   margin-right: 51px !important;
	}*/
	
}
@media (min-width: 1024px) and (max-width: 1366px){

	.gridbox .col-md-4{
		padding: 0px 10px;
	}
	.detail-grid {
    	padding: 25px 6px 0px !important;
	}
	.background-bg-part{
		display: block;
	}
	
	.box-availble-amounts h4{
		font-size: 18px;
	}
	.self-managed{
		float: inherit !important;
		display: block;
	}
  	.box-grid{
  		min-height: 295px !important;
  		margin-bottom: 20px !important;
  	}
  	.logout{
  		padding-right: 33px !important;
  		float: right;
  	}
  	.box-grid{
  		padding: 12px !important;
  	}
  	.gridbox-heading {
  		font-size: 18px !important;
  	}
  	.gridbox .row .col-md-4:first-child{
  		padding-left: 10px !important;
  	}
  	.gridbox .row .col-md-4:nth-child(3){
  		padding-right: 10px !important;
  	}
  	.gridbox .row .col-md-4:nth-child(4){
  		padding-left: 10px !important;
  	}
  	.gridbox .row .col-md-4:nth-child(6){
  		padding-right: 10px !important;
  	}
  	.gridbox .row .col-md-4:nth-child(7){
  		padding-left: 10px !important;
  	}
  	.progress-bar-circle {
	    position: relative;
	    width: 84% !important;
	    margin: 0px auto;
	}
	.box-left-container h3 {
	    color: #72cddc;
	    margin-top: 30px;
	    margin-bottom: 18px !important;
	    font-size: 21px !important;
	}
	.box-left-container p{
		font-size: 13px !important;
	}
	.last-child{
		padding-right: 0px !important;
	}

}







@media (max-width: 1000px){
	.gridbox .col-md-4{
		padding: 0px 10px;
	}
	.detail-grid {
    	padding: 25px 6px 0px !important;
	}
	.background-bg-part{
		display: block;
	}
	.navbar .nav-item .nav-link{
	    padding: 10px 25px !important;
  	}
  	.navbar .nav-item{
		margin: 17px 0px 0px !important;
	}
	.box-availble-amounts h4{
		font-size: 18px;
	}
	.self-managed{
		float: inherit !important;
		display: block;
	}
  	.box-grid{
  		min-height: 295px !important;
  		margin-bottom: 20px !important;
  	}
  	.logout{
  		padding-left: 20px !important;
  		float: right;
  	}
  	.box-grid{
  		padding: 12px !important;
  	}
  	.gridbox-heading {
  		font-size: 15px !important;
  	}
  	.gridbox .row .col-md-4:first-child{
  		padding-left: 10px !important;
  	}
  	.gridbox .row .col-md-4:nth-child(3){
  		padding-right: 10px !important;
  	}
  	.gridbox .row .col-md-4:nth-child(4){
  		padding-left: 10px !important;
  	}
  	.gridbox .row .col-md-4:nth-child(6){
  		padding-right: 10px !important;
  	}
  	.gridbox .row .col-md-4:nth-child(7){
  		padding-left: 10px !important;
  	}
  	.progress-bar-circle {
	    position: relative;
	    width: 52% !important;
	    margin: 0px auto;
	}
	.box-left-container h3 {
    color: #72cddc;
    margin-top: 30px;
    margin-bottom: 18px !important;
    font-size: 21px !important;
}
.box-left-container p{
	font-size: 13px !important;
}
}


@media (max-width: 1100px){
	
	.gridbox .col-md-4{
		padding: 0px 10px;
	}
	.detail-grid {
    	padding: 25px 6px 0px !important;
	}
	.background-bg-part{
		display: block;
	}
	.navbar .nav-item .nav-link{
	    padding: 10px 25px !important;
  	}
  	.navbar .nav-item{
		margin: 17px 0px 0px !important;
	}
	.box-availble-amounts h4{
		font-size: 18px;
	}
	.self-managed{
		float: inherit !important;
		display: block;
	}
  	.box-grid{
  		min-height: 295px !important;
  		margin-bottom: 20px !important;
  	}
  	.logout{
  		padding-left: 20px !important;
  		float: right;
  	}
  	.box-grid{
  		padding: 12px !important;
  	}
  	.gridbox-heading {
  		font-size: 15px !important;
  	}
  	.gridbox .row .col-md-4:first-child{
  		padding-left: 10px !important;
  	}
  	.gridbox .row .col-md-4:nth-child(3){
  		padding-right: 10px !important;
  	}
  	.gridbox .row .col-md-4:nth-child(4){
  		padding-left: 10px !important;
  	}
  	.gridbox .row .col-md-4:nth-child(6){
  		padding-right: 10px !important;
  	}
  	.gridbox .row .col-md-4:nth-child(7){
  		padding-left: 10px !important;
  	}
  	.progress-bar-circle {
	    position: relative;
	    width: 86% !important;
	    margin: 0px auto;
	}
	.content-adjust{
		width: 80%;
		overflow: hidden;
	}
	.box-left-container h3 {
    color: #72cddc;
    margin-top: 30px;
    margin-bottom: 18px !important;
    font-size: 21px !important;
}
.box-left-container p{
	font-size: 13px !important;
}
}
@media (max-width: 1100px){
	
	.left-index{
		display: none !important;
	}
	.right-index{
		width: 100% !important;
		margin-left: 0px !important
	}
	.navbar-expand-lg .navbar-nav{
		margin-left: 0px;
	}
}


@media only screen
 and (min-device-width: 1200px) 
 and (max-device-width: 1300px) {
 	
	.gridbox .col-md-4{
		padding: 0px 10px;
	}
	.detail-grid {
    	padding: 25px 6px 0px !important;
	}
	.background-bg-part{
		display: block;
	}
	.navbar .nav-item .nav-link{
	    padding: 10px 25px !important;
  	}
  	/*.navbar .nav-item{
		margin: 17px 0px 0px !important;
	}*/
	.box-availble-amounts h4{
		font-size: 18px;
	}
	.self-managed{
		float: inherit !important;
		display: block;
	}
  	.box-grid{
  		min-height: 295px !important;
  		margin-bottom: 20px !important;
  	}
  	.logout{
  		padding-left: 20px !important;
  		float: right;
  	}
  	.box-grid{
  		padding: 12px !important;
  	}
  	.gridbox-heading {
  		font-size: 18px !important;
  	}
  	.gridbox .row .col-md-4:first-child{
  		padding-left: 10px !important;
  	}
  	.gridbox .row .col-md-4:nth-child(3){
  		padding-right: 10px !important;
  	}
  	.gridbox .row .col-md-4:nth-child(4){
  		padding-left: 10px !important;
  	}
  	.gridbox .row .col-md-4:nth-child(6){
  		padding-right: 10px !important;
  	}
  	.gridbox .row .col-md-4:nth-child(7){
  		padding-left: 10px !important;
  	}
  	.progress-bar-circle {
	    position: relative;
	    width: 59% !important;
	    margin: 0px auto;
	}
	.content-adjust{
		width: 80%;
		overflow: hidden;
	}
	.box-left-container h3 {
    color: #72cddc;
    margin-top: 30px;
    margin-bottom: 18px !important;
    font-size: 21px !important;
}
.box-left-container p{
	font-size: 13px !important;
}
.text-gridbox{
	padding-left: 7px !important;
}

.box-left-container h3 {
    color: #72cddc;
    margin-top: 30px;
    margin-bottom: 18px !important;
    font-size: 21px !important;
}
.box-left-container p{
	font-size: 13px !important;
}
.gridbox-heading .self-managed{
	float: inherit !important;
	font-weight: normal;
	padding: 3px 5px;
}
.content-adjust{
		width: 80%;
		overflow: hidden;
	}

}

@media only screen and (min-device-width: 320px) and (max-device-width:1000px) {
	.navbar-expand-lg .navbar-nav{
		margin-left: 0px !important;
	}
	.login-div{
		width: 80% !important
	}
	.inside-claimdetail{
		margin-top: 20px !important;
	}
	.ndisplanbox{
		margin-top: 20px !important;
	}
	.serviceagree{
		margin-top: 20px !important;
	}
	.btn{
		margin-left: 0px !important;
	}
	.newclaim-form{
		padding-top: 15px !important;
	}
	.table-content-home{
		margin-top: 0px !important;
	}
	.login-div{
		width: 100% !important;
	}
	.left-index{
		display: none !important;
	}
	.right-index{
		width: 100% !important;
		margin-left: 0px !important
	}
	.text-h3headingpart{
		width: 100% !important;
	}
	.text-right{
		text-align: center !important;
	}
	.float-right{
		float: inherit !important;
	}
	.gridbox .row .col-md-4{
		margin-bottom:0px;
	}
	.margin-50{
		margin-top: 5px !important;
	}
	
	.navbar .nav-item{
		margin: 10px 0px !important;
	}
	.navbar .nav-item .nav-link{
		padding: 10px !important;
	}

	.navbar.scrolling-navbar{
		padding-top: 0px;
	}
	.fix-box-rightbox{
		padding-top: 20px !important;
	}
	.btn-shortselect{
		margin-bottom: 20px !important;
	}
	.box-grid{
		margin-bottom: 15px !important;
		min-height: 285px !important; 
	}
	.table-responsive{
		overflow-x: auto !important;
	}
	select{
	    display: block !important;
	}
	.part-selectoption{
		background: #3488a1 !important;
		color: #fff !important;
		border-radius: 50px;
	}
	.text-input{
		background: #a0dde7;
		border-radius: 50px;
	}
	.display-mobile-none{
		display: none;
	}

	.navbar-brand img{
		height: 35px !important;
	}
	.logout{
		float: right;
		color: #fff !important;
		margin-right: 10px;

	}
	.logout:hover{
		text-decoration: none;
		
	}
	.col-md-2{
		flex: 0 0 100% !important;
    	max-width: 100% !important;
	}
	.margin-50{
		margin-top: 0px !important;
	}
	.heading-form-contact {
	    padding-bottom: 80px !important;
	    height: 88px !important;
	}
	.heading-form-contact h4{
		margin-bottom: 10px !important;
	}
	.heading-form-contact a{
		margin-left: 0px !important;
	}
	.btn-claimpart-ad{
		margin-top: 0px;
		margin-left: 0px;
	}
	.btn-shortselect{
		margin-top: 0px;
		margin-left: 0px;
	}
	.background-bg-part{
		display: block !important;
	}
	.gridbox-heading .self-managed{
		float: inherit !important;
		font-weight: normal;
		padding: 3px 0px;
		display: block;
	}
	.gridbox-heading{
		font-size: 16px !important;
	}
	
	.float-right{
		float: inherit !important;
	}
	.breadcrumb a{
		font-size: 19px !important;
	}
	.breadcrumb-item.active{
		padding-top: 7px !important;
		font-size: 19px !important;
	}
	.text-h3headingpart{
		font-size: 17px !important;
	}
	.inside-claimdetail{
		height: 75px !important;
	}
	.table td, th{
		font-size: 14px !important;
	}
	.table-part{
		height: 90px !important;
	}
	.pull-right{
		float: inherit !important;
	}
	
	.text-gridbox{
		overflow-x: hidden;
	}
	.box-availble-amounts h4{
		overflow-x: scroll;
	}
	.box-left-container h3{
		font-size: 19px !important;
	}
	.box-left-container p{
		color: #fff;
	    font-size: 13px;
	    margin-top: 10px;
	    margin-bottom: 0px;
	}
	.content-adjust{
		width: 80% !important;
	}

}