/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (min-width: 480px) {
  /* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
  /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width: 768px) and (min-width: 1024px) {
}

/* iPads (landscape) ----------- */
@media only screen and (min-width: 768px) and (min-width: 1024px) and (orientation: landscape) {
  /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-width: 768px) and (min-width: 1024px) and (orientation: portrait) {
  /* Styles */
}
/**********
    iPad 3
    **********/
@media only screen and (min-width: 768px) and (min-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-width: 768px) and (min-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */
}
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  /* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-width: 320px) and (min-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-width: 320px) and (min-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-width: 320px) and (min-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-width: 320px) and (min-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-width: 375px) and (min-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-width: 375px) and (min-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-width: 414px) and (min-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-width: 414px) and (min-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

/* iPhone X ----------- */
@media only screen and (min-width: 375px) and (min-height: 812px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

@media only screen and (min-width: 375px) and (min-height: 812px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-width: 414px) and (min-height: 896px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

@media only screen and (min-width: 414px) and (min-height: 896px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-width: 320px) and (min-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-width: 320px) and (min-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-width: 320px) and (min-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

@media only screen and (min-width: 320px) and (min-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-width: 360px) and (min-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

@media only screen and (min-width: 360px) and (min-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}
@media (min-width: 1080px) and (max-width: 1920px) {
  .bg-profile-sec.pm-dash {
	width: 369px;
  }
  .ops-history .main-vessel-card {
    width: 360px;
  }
  .bg-profile-sec {
    height: 512px;
  }
  .plr-10.brd-l {
   	width: 134px;
  }
}
@media (min-width: 1050px) and (max-width: 1680px) {
  .in-days-abs {
    position: absolute;
    right: 23%;
  }
  .ops-history .main-vessel-card {
    width: 360px;
  }
  .ops-main-div .nav-item {
    width: 97%;
  }
  .w-70-right-side {
    width: 80%;
  }
  .w-30-nav {
    width: 20%;
  }
  .ops-history .main-vessel-card {
    width: 400px;
  }
  .best-main-pm-dash .owl-theme .custom-nav .owl-next {
    right: 60px;
    top: 32px;
  }
  .best-main-pm-dash .owl-theme .custom-nav .owl-prev {
    left: 45px;
    top: 30px;
  }
  .best-main .owl-theme .custom-nav .owl-prev {
    left: 35px;
    top: 30px;
  }
  .best-main .owl-theme .custom-nav .owl-next {
    right: 55px;
    top: 30px;
  }
  .main-content .owl-theme .custom-nav .owl-prev {
    left: 0px;
    top: 43px;
  }
  .main-content .owl-theme .custom-nav .owl-next {
    right: 25px;
    top: 43px;
  }
  .best-main {
    padding: 3.5% 0%;
    width: 95%;
  }
  .genral-dash.hoc-card {
    width: 370px;
  }
  #myModal-add .btn-center {
    margin-top: 11%;
  }
  .liner-dashboard-main .hoc-card {
    width: 305px;
  }
  .pm-rtg-history-main .history-card {
    width: 257px;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(4) {
    width: 9% !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(7) {
    width: 9% !important;
  }
  .main-content-pm-dash {
    padding: 0 8%;
  }
  /* .main-content-pm-dash .owl-carousel {
			width: 95%;
		} */
  .main-content-pm-dash .owl-theme .custom-nav .owl-prev {
    left: 70px;
  }
  .main-content-pm-dash .owl-theme .custom-nav .owl-next {
    right: 78px;
  }
  .header-left {
    width: 35%;
  }
  .header-right {
    width: 65%;
  }
  .bg-profile-sec {
    height: 451px;
  }
}
@media (min-width: 900px) and (max-width: 1600px) {
	.bg-profile-sec.pm-dash {
		width: 300px;
	}
	.main-content.ops .owl-theme .custom-nav .owl-next {
    right: 15px;
	}
	.best-main.ops {
	padding: 1.5% 5% !important;
	}
	.plr-10.brd-l { 
    width: 134px;
	}
  .in-days-abs {
    position: absolute;
    right: 21%;
  }
  .main-content-pm-dash {
    padding: 0 6%;
  }
  .rtg-admin-main .header-left {
    width: 26%;
  }
  .rtg-admin-main .header-right {
    width: 74%;
  }
  .main-content-pm-dash .owl-theme .custom-nav .owl-next {
    right: 59px;
  }
  .best-main-pm-dash {
    padding: 1.5% 7%;
  }
  .ops-history .main-vessel-card {
    width: 380px;
  }
  .best-main-pm-dash {
    padding: 1.5% 6%;
  }
  .best-main-pm-dash .owl-theme .custom-nav .owl-prev {
    left: 25px;
    top: 30px;
  }
  .best-main-pm-dash .owl-theme .custom-nav .owl-next {
    right: 8px;
  }
  .best-main .owl-theme .custom-nav .owl-next {
    right: 45px;
  }
  .tot-reg-user .mb-col {
    flex-direction: column;
  }
  .tot-reg-user .mb-col p {
    padding: 0;
    margin: 0 auto;
  }
  .tot-reg-user .p-tb-18 {
    padding: 10px 0;
  }
  .genral-dash.hoc-card {
    width: 350px;
  }
  #myModal-add .btn-center {
    margin-top: 11%;
  }
  /*user list*/
  table.dataTable thead tr:nth-child(1) th {
    background-color: #cddfec !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(n) th {
    background-color: #cddfec !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(1) {
    width: 8% !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(2) {
    width: 20% !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(3) {
    width: 15% !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(4) {
    width: 10% !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(5) {
    width: 8% !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(6) {
    width: 8% !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(7) {
    width: 9% !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(8) {
    width: 9% !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(9) {
    width: 6% !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(10) {
    width: 6% !important;
  }
  /**/
  .liner-dashboard-main .hoc-card {
    width: 285px;
  }
  .pm-rtg-history-main .history-card {
    width: 244px;
  }
  .main-content-pm-dash .owl-theme .custom-nav .owl-prev {
    left: 45px;
  }
  .main-content-pm-dash .owl-theme .custom-nav .owl-next {
    right: 45px;
  }
  .bg-profile-sec {
    height: 430px;
  }
}
@media (min-width: 900px) and (max-width: 1440px) {
  .in-days-abs {
    position: absolute;
    right: 18%;
  }
  .main-content-pm-dash {
    padding: 0 6%;
  }
  .header-left {
    width: 40%;
  }
  .header-right {
    width: 60%;
  }
  .main-content-pm-dash .owl-theme .custom-nav .owl-next {
    right: 30px;
  }
  .ops-history .main-vessel-card {
    width: 340px;
  }
  .genral-dash.hoc-card {
    width: 310px;
  }
  .liner-dashboard-main .hoc-card {
    width: 255px;
  }
  .pm-rtg-history-main .history-card {
    width: 218px;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(4) {
    width: 11% !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(6) {
    width: 9% !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(7) {
    width: 10% !important;
  }
  .best-main {
    padding: 4.5% 7%;
    width: 88%;
  }
  /* .owl-carousel .best-item {    
		    width: 100%;
		} */
  .best-main-pm-dash {
    padding: 1.5% 4%;
    width: 100%;
  }
  /* .bg-profile-sec {
    width: 254px;
  } */
  .rtg-admin-main .header-left {
    width: 30%;
  }
  .rtg-admin-main .header-right {
    width: 70%;
  }
  .main-content-pm-dash .owl-theme .custom-nav .owl-prev {
    left: 22px;
  }
  .main-content-pm-dash .owl-theme .custom-nav .owl-next {
    right: 22px;
  }
  .bg-profile-sec {
    height: 387px;
  }
}
@media (min-width: 1050px) and (max-width: 1400px) {
  .ops-history .main-vessel-card {
    width: 320px;
  }
  .w-30-nav {
    width: 22%;
  }
  .w-70-right-side {
    width: 77%;
  }
  .genral-dash.hoc-card {
    width: 305px;
  }
  .liner-dashboard-main .hoc-card {
    width: 310px;
  }
  .pm-rtg-history-main .history-card {
    width: 210px;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(6) {
    width: 10% !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(4) {
    width: 12% !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(7) {
    width: 11% !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(2) {
    width: 18% !important;
  }
  .rtg-admin-main .header-left {
    width: 30%;
  }
  .rtg-admin-main .header-right {
    width: 70%;
  }
  .best-main-pm-dash .owl-theme .custom-nav .owl-prev {
    left: 10px;
  }
  .best-main-pm-dash .owl-theme .custom-nav .owl-next {
    right: 10px;
  }
  .best-main-pm-dash {
    padding: 2% 6%;
  }
  .main-content-pm-dash {
    width: 88%;
  }
  /* .bg-profile-sec {
    width: 254px;
  } */
  /* .main-content {    
    		padding: 0 4%;    		
		} */
  .best-main-pm-dash .owl-carousel .best-item {
    width: 100%;
  }
  .main-content-pm-dash .owl-theme .custom-nav .owl-prev {
    left: 22px;
  }
  .main-content-pm-dash .owl-theme .custom-nav .owl-next {
    right: 22px;
  }
}
@media (min-width: 768px) and (max-width: 1366px) {
	.bg-profile-sec.pm-dash {
		width: 263px;
	}
	.best-main.ops .owl-theme .custom-nav .owl-prev {
    	left: -10px !important;
	}
	.best-main.ops .owl-theme .custom-nav .owl-next {
    right: 10px;
	}
	.best-main.ops {
    padding: 2.5% 5% !important;
    width: 85% !important;
	}
	.plr-10.brd-l{
	 width: 134px;
	}
  .oi-sett .w-50-center {
    width: 75% !important;
    margin: 0 auto;
  }
  .err-pos-setting .w-50-center {
    width: 75% !important;
  }
  .err-pos-setting .tab-inc-sett {
    width: 75% !important;
  }
  .err-pos-setting .form-error {
    display: block;
    margin-bottom: 10px;
    position: absolute;
    width: 15%;
    margin: 3px 0;
    line-height: 11px;
    font-size: 9px;
    color: #dd4b39;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(9) {
    width: 7% !important;
  }
  .in-days-abs {
    position: absolute;
    right: 17%;
  }
  /* .rtg-admin-main .header-left {
		    width: 40%;
		}
		.rtg-admin-main .header-right {
		    width: 60%;
		} */
  .bg-profile-sec {
    /* width: 295px; */
  }
  .broadcast-message-list {
    height: calc(100vh - 30vh);
  }
  .best-main {
    padding: 4.7% 0%;
  }
  .login100-form {
    padding: 60px 120px 60px 120px;
  }
  .mobile-noti-main .switch {
    width: 54px;
  }
  .tot-reg-user .mb-col {
    flex-direction: column;
  }
  .tot-reg-user .mb-col p {
    padding: 0;
    margin: 0 auto;
  }
  .tot-reg-user .p-tb-18 {
    padding: 10px 0;
  }
  .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    /*     		height: 100% !important; */
  }
  .main-content {
    position: relative;
    margin: 0 auto;
    padding: 0 5%;
  }
  .best-main {
    width: 92%;
  }
  /* .owl-carousel .best-item {
		    width: 266px !important;
		} */
  .best-main .owl-theme .custom-nav .owl-prev {
    left: -37px;
    top: 30px;
  }
  .best-main .owl-theme .custom-nav .owl-next {
    right: -10px;
    top: 30px;
  }
  .main-content-pm-dash {
    position: relative;
    margin: 0 auto;
    padding: 0 7%;
    width: 95%;
  }
  .ops-history .main-vessel-card {
    width: 450px;
  }
  .best-main-pm-dash .owl-theme .custom-nav .owl-next {
    right: 5px;
    top: 30px;
  }
  .best-main-pm-dash .owl-theme .custom-nav .owl-prev {
    left: 5px;
    top: 30px;
  }
  .genral-dash.hoc-card {
    width: 395px;
  }
  #user-list-table table.dataTable thead tr:nth-child(n) th {
    line-height: unset;
  }
  .liner-dashboard-main .hoc-card {
    width: 310px;
  }
  .pm-rtg-history-main .history-card {
    width: 205px;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(2) {
    width: 19% !important;
  }
  .rtg-admin-main .header-left {
    width: 32%;
  }
  .rtg-admin-main .header-right {
    width: 68%;
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .w-30-nav {
    width: 25%;
  }
  .w-70-right-side {
    width: 75%;
  }
  .ops-history .main-vessel-card {
    width: 410px;
  }
  .in-days-abs {
    position: absolute;
    right: 15%;
  }
  .genral-dash.hoc-card {
    width: 375px;
  }
  .liner-dashboard-main .hoc-card {
    width: 280px;
  }
  .pm-rtg-history-main .history-card {
    width: 190px;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(7) {
    width: 13% !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(2) {
    width: 16% !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(3) {
    width: 13% !important;
  }
  .main-content .owl-theme .custom-nav .owl-prev {
    left: 15px;
    top: 43px;
  }
}
@media (min-width: 960px) and (max-width: 1280px) {
	.main-content.ops .owl-theme .custom-nav .owl-next {
    right: 44px !important;
}
	.header-left.ops {
    width: 30%;
}
.header-right.ops {
    width: 70%;
}
	.plr-10.brd-l {
    width: 147px;
}
  .check-users-list {
    height: calc(100vh - 57vh);
  }
  .broadcast-message-list {
    height: calc(100vh - 41vh);
  }
  .mobile-noti-main .switch {
    width: 62px;
  }
  .main-content {
    padding: 0 9%;
  }
  .main-content-pm-dash .owl-theme .custom-nav .owl-next {
    right: 23px;
  }
  .best-main-pm-dash .owl-theme .custom-nav .owl-next {
    right: 10px;
  }

  .header-left {
    width: 50%;
  }
  .header-right {
    width: 50%;
  }
  .best-main {
    padding: 6% 0%;
  }
}
@media (min-width: 800px) and (max-width: 1280px) {
	.best-main.ops {
	    padding: 2.5% 5% !important;
	    width: 81% !important;
	}
  .main-content.ops .owl-theme .custom-nav .owl-prev {
    left: 30px;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(1) {
    width: 9% !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(2) {
    width: 17% !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(4) {
    width: 13% !important;
  }
  #user-list-table table.dataTable thead tr:nth-child(1) th:nth-of-type(6) {
    width: 11% !important;
  }
  .main-content .owl-theme .custom-nav .owl-next {
    right: 53px;
  }
}
@media (min-width: 600px) and (max-width: 1280px) {
  .pm-rtg-history-main .history-card {
    width: 188px;
  }
}
@media (min-width: 864px) and (max-width: 1152px) {
  .ops-history .main-vessel-card {
    width: 360px;
  }
  .genral-dash.hoc-card {
    width: 330px;
  }
  .liner-dashboard-main .hoc-card {
    width: 250px;
  }
  .pm-rtg-history-main .history-card {
    width: 204px;
  }
  .main-content .owl-theme .custom-nav .owl-next {
    right: 10px;
  }
  .best-main {
    width: 80%;
  }
  .best-main {
    padding: 7% 14%;
  }
  .best-main .owl-theme .custom-nav .owl-next {
    right: 5px;
  }
  .rtg-admin-main .header-left {
    width: 40%;
  }
  .rtg-admin-main .header-right {
    width: 60%;
  }
  .best-main-pm-dash .owl-carousel .best-item {
    width: 50%;
    margin: 0 auto;
  }
  .best-main-pm-dash .owl-theme .custom-nav .owl-prev {
    left: 21%;
  }
  .best-main-pm-dash .owl-theme .custom-nav .owl-next {
    right: 21%;
  }
  .main-content-pm-dash .owl-theme .custom-nav .owl-prev {
    left: 20px;
  }
  .best-main-pm-dash {
    padding: 3% 6%;
  }
  .main-content {
    padding: 0px 30%;
  }
  .main-content .owl-theme .custom-nav .owl-prev {
    left: 110px;
  }
  .main-content .owl-theme .custom-nav .owl-next {
    right: 110px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .in-days-abs {
    position: absolute;
    right: 25%;
  }
  .rtg-admin-main .plr-21 {
    padding: 0 12px;
  }
  .rtg-admin-main .performance-header {
    display: flex;
    padding: 16px 12px;
  }
  .best-main .owl-theme .custom-nav .owl-prev {
    left: -20px;
    top: 33px;
  }
  .best-main .owl-theme .custom-nav .owl-next {
    right: -7px;
    top: 33px;
  }
  .main-content .owl-theme .custom-nav .owl-prev {
    left: 57px;
    top: 45px;
  }
  .main-content .owl-theme .custom-nav .owl-next {
    right: 57px;
  }
  .rtg-admin-main .main-content {
    padding: 5% 15%;
  }
  .ops-dashboard .header-left {
    width: 30%;
  }
  .ops-dashboard .header-right {
    width: 70%;
  }
  .best-main {
    padding: 8.5% 14%;
  }
  .main-content-pm-dash {
    padding: 0 10%;
  }
  .main-content-pm-dash .owl-theme .custom-nav .owl-prev {
    left: 20px;
    top: 45px;
  }
  .main-content-pm-dash .owl-theme .custom-nav .owl-next {
    right: 20px;
    top: 45px;
  }
  .best-main-pm-dash {
    padding: 3% 22%;
  }
  .ops-main-div .nav-item {
    width: 96%;
  }
  .ops-history .main-vessel-card {
    width: 310px;
  }
  .best-main-pm-dash .owl-theme .custom-nav .owl-prev {
    left: 21%;
  }
  .best-main-pm-dash .owl-theme .custom-nav .owl-next {
    right: 21%;
  }
  .pass-setting-main .w-100 {
    width: 100% !important;
  }
  .genral-dash.hoc-card {
    width: 440px;
  }
  .liner-dashboard-main .hoc-card {
    width: 290px;
  }
  .pm-rtg-history-main .history-card {
    width: 176px;
  }
  .borad-msg-list-main .borad-msg-list {
    width: 78%;
  }
  .borad-msg-list-main .image-list-main {
    width: 22%;
  }
  .best-main {
    width: 93%;
  }
  .logo-ptp {
    width: 125px;
  }
  .space-target-ops-dash .ops-vessel-title-green {
    padding-left: 0;
  }
  .space-target-ops-dash .vessel-info-value {
    padding-left: 0;
  }
  .space-target-ops-dash .ops-vessel-title-red {
    padding-left: 0;
  }
  .space-target-ops-dash .ops-vessel-title-yellow {
    padding-left: 0;
  }
  .best-main-pm-dash .owl-carousel .best-item {
    width: 80%;
    margin: 0 auto;
  }
  .dasboard-card .pos-10 {
    position: relative;
    bottom: 15px;
  }
  .dasboard-card-last .pos-10 {
    position: relative;
    bottom: 15px;
  }
  .mb-flip {
    /* flex-direction: column-reverse !important; */
    flex-wrap: wrap-reverse !important;
  }
  .tab-message-list {
    padding-bottom: 15px;
  }
  .tab-message-list.mt-5p {
    margin-top: 0;
  }
  .w-50-center {
    width: 100%;
  }
  .space-target-ops-dash.mb-col-48 {
    width: 48% !important;
    padding: 20px 0px 20px 10px !important;
  }
  .ops-speed-graph.mb-col-52 {
    width: 52% !important;
  }
  .space-target-ops-dash .demo2 {
    width: 110px !important;
    height: 110px !important;
    left: -5px;
  }
  .space-target-ops-dash .demo2 {
    width: 110px !important;
    height: 110px !important;
    left: -5px;
  }
  .ops-speed-graph .gauge-value {
    left: -10px;
  }
  .ops-speed-graph .gauge-value-2 {
    left: -5px;
  }
  .ops-history-main .demo2 {
    width: 115px !important;
    height: 115px !important;
    left: -10px;
  }
  .ops-history-main .gauge-value {
    left: -15px;
  }
  .ops-history-main .gauge-value-2 {
    left: -7px;
  }
  .header-right {
    width: 45%;
  }
  .header-left {
    width: 55%;
  }
  .main-content {
    padding: 0 25%;
  }
}
@media (min-width: 600px) and (max-width: 800px) {
  .in-days-abs {
    position: absolute;
    right: 18%;
  }
  .header-bg.height-180 {
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .dashboard-header-space .dasboard-card {
    margin-bottom: 15px;
  }
  .tab-message-list {
    padding-left: 30px;
    padding-right: 0;
    padding-top: 15px;
  }
  .ops-dash-header-title {
    height: auto;
  }
  .broadcast-message-list {
    height: auto;
  }
  .borad-msg-list-main {
    padding: 15px;
    height: auto;
    margin-bottom: 10px;
  }
  .users-end {
    height: 30px;
    width: 30px;
  }
  .top-7 {
    top: 15px;
  }
  .pm-rtg-history-main .history-card {
    width: 165px;
  }
  .ops-dashboard .header-right {
    width: 60%;
  }
  .ops-dashboard .header-left {
    width: 40%;
  }
  .best-main {
    padding: 5% 2%;
  }
  .best-main {
    width: 80%;
  }
}

@media only screen and (max-width: 768px) {
  .btn-center-m-top {
    width: 100% !important;
  }
  .tab-inc-sett {
    width: 100%;
  }
  .in-days-abs {
    position: absolute;
    right: 18%;
  }
  .main-header .header-label-r {
    display: none !important;
  }
  .header-bg.height-180 {
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .dashboard-header-space .dasboard-card {
    margin-bottom: 15px;
  }
  .tab-message-list {
    padding-left: 30px;
    padding-right: 0;
    padding-top: 15px;
  }
  .ops-dash-header-title {
    height: auto;
  }
  .broadcast-message-list {
    height: auto;
  }
  .borad-msg-list-main {
    padding: 15px;
    height: auto;
    /* 	    	margin-bottom: 10px; */
  }
  .users-end {
    height: 30px;
    width: 30px;
  }
  .top-7 {
    top: 7px;
  }
  /*Password setting*/
  .mb-wrap {
    flex-wrap: wrap;
  }
  .mb-w-100 {
    width: 100% !important;
    margin: 0;
  }
  .mb-mt-20 {
    margin-top: 20px;
  }
  /*rtg dashboard*/
  .rtg-admin-main .header-bg {
    height: auto;
  }
  .rtg-admin-main .header-left {
    width: 100%;
  }
  .rtg-admin-main .header-right {
    width: 100%;
  }
  .mb-d-flex-wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .mb-border-b {
    border-bottom: 1px solid rgba(210, 223, 232, 0.2);
  }
  .rtg-admin-main .best-main {
    width: 100%;
    padding: 4% 8%;
  }
  /*rtg dashboard*/
  /*OPS dashboard*/
  .ops-dashboard .header-bg {
    flex-wrap: wrap;
    height: auto;
  }
  .ops-dashboard .header-left {
    width: 100%;
  }
  .ops-dashboard .header-right {
    width: 100%;
  }
  .ops-dashboard .best-main {
    padding: 5% 9%;
    margin: 0;
    width: 100%;
  }
  .ops-dashboard .main-content {
    padding: 1% 9% 5%;
  }
  .ops-dashboard .pr-0 {
    padding-right: 15px !important;
  }
  .ops-dashboard .main-content {
    width: 96%;
  }
  /* .main-content .owl-theme .custom-nav .owl-next {
		    right: 8px;
	  	} */
  .mb-top-border {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  /*OPS dashboard*/
  /*OPS History*/
  .ops-history-height-mb {
    height: calc(100vh - 18vh);
    overflow-x: hidden;
    overflow-y: auto;
  }
  /*OPS History*/
  .modal.left .modal-dialog,
  .modal.right .modal-dialog {
    width: 50%;
  }
  .create-user-model .modal-dialog {
    position: fixed;
    margin: auto;
    width: 75% !important;
  }
  .ops-dashboard .header-dashboard .truck {
    margin: 11px 0 11px 0;
  }
  .header-dashboard .clock {
    margin: 0px 0 11px 0;
  }
  .ops-dashboard .perfo-det-2 {
    margin-bottom: 11px;
  }
  /* .bg-profile-sec {
    width: 254px;
  } */
  .tot-reg-user .mb-col {
    flex-direction: column;
  }
  .tot-reg-user .mb-col p {
    padding: 0;
    margin: 0 auto;
  }
  .tot-reg-user .p-tb-18 {
    padding: 10px 0;
  }
  .user-info-p .user-info {
    width: 250px;
  }
  .best-main-pm-dash {
    padding: 3.5% 25%;
  }
  .best-main-pm-dash .owl-theme .custom-nav .owl-prev {
    left: 115px;
    top: 40px;
  }
  .best-main-pm-dash .owl-theme .custom-nav .owl-next {
    right: 112px;
    top: 40px;
  }
  .main-content-pm-dash {
    padding: 1% 16% 4%;
  }
  .performance-header.shift-end-main {
    justify-content: center;
  }
  .main-content-pm-dash .owl-theme .custom-nav .owl-prev {
    left: 60px;
    top: 51px;
  }
  .main-content-pm-dash .owl-theme .custom-nav .owl-next {
    right: 78px;
    top: 51px;
  }
  .dropdown-menu .performance {
    /* 			background: #fff; */
  }
  .best-main .owl-theme .custom-nav .owl-prev {
    left: 15px;
    top: 47px;
  }
  .best-main .owl-theme .custom-nav .owl-next {
    right: 25px;
    top: 47px;
  }
  .main-content .owl-theme .custom-nav .owl-prev {
    left: 15px;
    top: 48px;
  }
  .main-content .owl-theme .custom-nav .owl-next {
    right: 35px;
    top: 48px;
  }
  .w-30-nav {
    width: 35%;
  }
  .w-70-right-side {
    width: 65%;
  }
  .mb-dd-hder .w-90 {
    width: 94%;
  }
  .pass-setting-main .even-bg {
    height: auto;
    padding: 10px 0;
  }
  .pass-setting-main .odd-bg {
    height: auto;
    padding: 10px 0;
  }
  .mb-pl-15 {
    padding-left: 15px;
  }
  .pass-setting-main .pr-20 {
    padding-right: 20px !important;
  }
  .pass-setting-main .pl-15 {
    padding-left: 12px;
  }
  .tab-pl-40 {
    padding-left: 40px;
  }
  .pass-setting-main .w-100 {
    width: 100% !important;
  }
  .pass-setting-main .pl-30-fail-attempt {
    padding-left: 15px;
  }
  .user-list-main .tab-25p {
    margin-bottom: 25px !important;
  }
  #myModal-add .btn-center {
    margin-top: 17%;
  }
}
@media only screen and (max-width: 767px) {
  .tab-inc-sett {
    width: 100%;
  }
  .sidebar-toggle {
    display: block;
  }
  .dataTables_length label {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0 !important;
  }
  table.dataTable {
    margin-top: 20px !important;
    padding: 0 15px;
  }
  .modal.left .modal-dialog,
  .modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 70%;
  }
  .logo-ptp {
    margin: 6px 0 8px 5px;
    width: 100px;
  }
  /*Password setting*/
  .mb-wrap {
    flex-wrap: wrap;
  }
  .mb-w-100 {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .mb-mt-20 {
    margin-top: 20px;
  }
  .rtg-admin-main .header-bg {
    height: auto;
  }
  .notfound .notfound-404 {
    height: 142px;
  }
  .notfound .notfound-404 h1 {
    font-size: 112px;
  }
  .rtg-admin-main .header-left {
    width: 100%;
  }
  /*rtg dashboard*/
  .rtg-admin-main .header-right {
    width: 100%;
  }
  .mb-d-flex-wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .mb-border-b {
    border-bottom: 1px solid rgba(210, 223, 232, 0.2);
  }
  .rtg-admin-main .best-main {
    width: 100%;
    padding: 4% 14%;
  }
  .rtg-admin-main .main-content {
    position: relative;
    margin: 0 auto;
    padding: 5% 16%;
    width: 85%;
  }
  .main-content .owl-theme .custom-nav .owl-prev {
    left: 5px;
    top: 58px;
  }
  .main-content .owl-theme .custom-nav .owl-next {
    right: 0px;
    top: 55px;
  }
  .best-main .owl-theme .custom-nav .owl-prev {
    left: -5px;
    top: 55px;
  }
  .best-main .owl-theme .custom-nav .owl-next {
    right: 9px;
    top: 33px;
  }
  /*rtg dashboard*/
  /*OPS dashboard*/
  .ops-dashboard .header-bg {
    flex-wrap: wrap;
    height: auto;
  }
  .ops-dashboard .header-left {
    width: 100%;
  }
  .ops-dashboard .header-right {
    width: 100%;
  }
  .ops-dashboard .mob-b-border {
    border-bottom: 1px solid rgba(210, 223, 232, 0.2);
  }
  .ops-dashboard .best-main {
    padding: 5% 14%;
    margin: 0;
    width: 100%;
  }
  .ops-dashboard .main-content {
    padding: 4% 13%;
  }
  .ops-dashboard .header-dashboard .performance-header {
    padding: 0;
  }
  .main-content .owl-theme .custom-nav .owl-next {
    right: 0;
    top: 58px;
  }
  /*OPS dashboard*/
  /*Profile dropdown*/
  .navbar-nav > .user-menu .user-image {
    float: left !important;
    margin-right: 10px !important;
    margin-top: 0 !important;
    line-height: 18px;
    position: relative;
    top: 10px;
  }
  .ops-dashboard .user-info-p {
    width: 175px;
  }
  .ops-dashboard .pr-0 {
    padding-right: 15px !important;
  }
  .ops-dashboard .main-content {
    width: 71%;
  }
  .mb-top-border {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .mt-25p-mob {
    margin-top: 25px;
  }
  /*Profile dropdown*/
  /*OPS History*/
  .ops-history-height-mb {
    height: calc(100vh - 42vh);
    overflow-x: hidden;
    overflow-y: auto;
  }
  /*OPS History*/
  .modal.left .modal-dialog,
  .modal.right .modal-dialog {
    width: 70%;
  }
  .create-user-model .modal-dialog {
    position: fixed;
    margin: auto;
    width: 100% !important;
  }
  .btn-center .ml {
    width: 25px;
    margin: 10px auto;
  }
  #myModal-add .btn-center {
    margin-top: 23%;
  }
  .main-sidebar .sidebar-icon {
    margin-right: 15px;
  }
  .main-sidebar {
    width: 260px !important;
  }
  .main-header .navbar {
    justify-content: unset;
    flex-wrap: unset;
  }
  .main-header .navbar-custom-menu {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .main-header .header-upper {
    margin-right: 10px !important;
    margin-left: 10px;
  }
  .navbar-nav > .user-menu .user-image {
    margin-left: 10px !important;
  }
  .main-header .user-info {
    white-space: nowrap;
    width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* .bg-profile-sec {
    width: 295px;
  } */
  .tot-reg-user .mb-col {
    flex-direction: column;
  }
  .tot-reg-user .mb-col p {
    padding: 0;
    margin: 0 auto;
  }
  .tot-reg-user .p-tb-18 {
    padding: 11px 0;
  }
  .main-content-pm-dash {
    padding: 1% 17% 4%;
  }
  .main-content-pm-dash .owl-theme .custom-nav .owl-prev {
    left: 40px;
    top: 49px;
  }
  .main-content-pm-dash .owl-theme .custom-nav .owl-next {
    right: 40px;
    top: 49px;
  }
  .best-main .owl-theme .custom-nav .owl-prev {
    left: 10px;
    top: 33px;
  }
  .w-30-nav {
    width: 100%;
  }
  .w-70-right-side {
    width: 100%;
  }
  .pass-setting-main .even-bg {
    height: auto;
    padding: 10px 0;
  }
  .pass-setting-main .odd-bg {
    height: auto;
    padding: 10px 0;
  }
  .mb-pl-15 {
    padding-left: 15px;
  }
  .pass-setting-main .pr-20 {
    padding-right: 20px !important;
  }
  .pass-setting-main .pl-15 {
    padding-left: 12px;
  }
  .tab-pl-40 {
    padding-left: 20px;
  }
  .pl-30-fail-attempt {
    padding-left: 20px;
  }
  .pass-setting-main .mt-50p {
    margin-top: 12px;
  }
  .pass-setting-main #pwdRemember {
    position: relative;
    left: 20px;
  }
  .in-days-abs {
    position: absolute;
    right: 37%;
    top: 6px;
  }
  #failAtt {
    width: 150px;
    position: relative;
    left: 10px;
  }
  .dashboard-header-space .mb-number-title {
    flex-direction: column;
  }
  .dashboard-header-space .tot-reg-users {
    padding-top: 16px;
    padding-bottom: 3px;
  }
  .dashboard-header-space .lbl-reg-users {
    padding-left: 20px;
  }
  .dasboard-card-mobile-active .mb-col p {
    padding: 0;
    margin: 0 auto;
  }
  .dasboard-card-mobile-active .p-tb-18 {
    padding: 11px 0;
  }
  .dasboard-card-mobile-active .mb-col {
    flex-direction: column;
  }
  .user-list-main .mb-5p {
    margin-bottom: 5px !important;
  }
  .user-list-main .mb-25p {
    margin-bottom: 25px !important;
  }
  .genral-header.mb-text-set {
    flex-direction: column;
    height: auto;
  }
  .genral-header.mb-text-set .mob-mb-10 {
    margin-bottom: 10px;
  }
  .pm-rtg-history-main .history-card {
    width: 100% !important;
  }
  .lbl-reg-users-green {
    padding-top: 10px;
  }
  .tot-reg-users-orange {
    padding-top: 10px;
  }
  .dasboard-card-mobile-active .pos-10 {
    bottom: 0px;
  }
  .tot-reg-user .pos-10 {
    bottom: 0px;
  }
  /* 		.logo-ptp {
			display: none;
		}		 
 */
  .space-target-ops-dash .ops-vessel-title-green {
    padding-left: 0;
  }
  .space-target-ops-dash .vessel-info-value {
    padding-left: 0;
  }
  .space-target-ops-dash .ops-vessel-title-red {
    padding-left: 0;
  }
  .space-target-ops-dash .ops-vessel-title-yellow {
    padding-left: 0;
  }
  .best-main-pm-dash {
    padding: 4% 9%;
    width: 100%;
  }
  .best-main-pm-dash .owl-theme .custom-nav .owl-prev {
    left: 10px;
    top: 25px;
  }
  .best-main-pm-dash .owl-theme .custom-nav .owl-next {
    right: 10px;
    top: 25px;
  }
  .main-header .header-label-r {
    margin-top: unset;
    font-size: 14px;
    display: flex;
    align-items: center;
  }
  .past-24 {
    font-size: 10px;
    line-height: 8px;
  }
  .owl-carousel .best-item {
    margin: 0 auto;
    /* width: 230px; */
  }
  .tab-message-list {
    padding-bottom: 15px;
  }
  .mb-txt-center {
    /* text-align: center; */
  }
  .tab-message-list.mt-5p {
    margin-top: 0;
  }
  .mb-flip {
    /* flex-direction: column-reverse !important; */
    flex-wrap: wrap-reverse !important;
  }
  .w-50-center {
    width: 100%;
  }
  .borad-msg-list-main .broad-msg-b {
    font-size: 11px;
  }
  .space-target-ops-dash.mb-col-48 {
    width: 46% !important;
    padding: 20px 0px 20px 10px !important;
  }
  .ops-speed-graph.mb-col-52 {
    width: 50% !important;
  }
  .space-target-ops-dash .demo2 {
    width: 125px !important;
    height: 125px !important;
    left: -5px;
  }
  .ops-history-main .demo2 {
    width: 115px !important;
    height: 115px !important;
    left: -10px;
  }
  .ops-history-main .gauge-value {
    left: -15px;
  }
  .ops-history-main .gauge-value-2 {
    left: -7px;
  }
  .genral-dash.hoc-card {
    width: 100%;
    margin-right: 0;
  }
  .genral-dash .mb-48p {
    width: 48% !important;
  }
  .genral-dash .demo2 {
    width: 115px;
    height: 115px;
  }
  .genral-dash .gauge-value {
    bottom: 5px;
  }
  .genral-dash .gauge-value-2 {
    bottom: -10px;
  }
  .ops-main-div {
    margin: 0 auto;
  }
  .ops-main-div .p-lr-15 {
    padding: 0;
  }
  .ops-main-div .border-r-divide {
    border-right: 1px solid transparent;
  }
  .ops-main-div .pl-15 {
    padding-left: 0;
  }
  .ops-history.flex-wrap {
    width: 100%;
  }
  .mb-col-mob {
    flex-direction: column !important;
    margin-bottom: 5px;
  }
}