@media screen and (min-width:1441px) and (max-width:1920px) {

.contentMainOuter {	background-size:inherit;} 


.welcomePageList {margin-top: -140px; position: relative;}
    /*.welcomePageList.settingbtnlink {margin-top: 5px;} */
    .welcomePageList.settingbtnlink ul li a {
        padding: 2.8rem 0 2.3rem 0;
        --notchSize: 20px;
        clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 102% calc(30% - var(--notchSize)), calc(150% - var(--notchSize)) 38%, var(--notchSize) 38%, 0% calc(57.4% - var(--notchSize)));
        margin-bottom: 7px;
    }
}

.welcomePageList ul li a {
    padding: 2.8rem 0 2.3rem 0 !important;
    --notchSize: 20px;
    clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 102% calc(30% - var(--notchSize)), calc(150% - var(--notchSize)) 38%, var(--notchSize) 38%, 0% calc(57.4% - var(--notchSize)));
    margin-bottom: 6px;
}

 

@media screen and (min-width:993px) and (max-width:1440px) {
	.welcomePageList {margin-top: -100px; position: relative;}
.inner_body input.form-control {height: 38px;}
.login-form p, .login-form p a {margin: 15px 0 !important;}
 .login-form .card-body {    }
.login-container .login-form {}
.login-container form {	padding-top: 0;}
.tabMainArea {
	width: 100%;
	margin: auto;
	max-width: 350px;
}
.welcomePageList {
	margin-top: 0px;
}
.bottom-inner-bg::before {background-position: -296px top;
}

    .welcomePageList.dashbordtop-space {
        margin-top: 20px !important;
    }

}

@media screen and (min-width:992px) and (max-width:1199px) {
	.orderTab li a {
		padding: .5rem 2.5rem;
	}
    a.themeBtn.DownloadBtnExcel {
        padding: 5px 3px;
    }

    .lasttdbtngroup .viewBtnList {
        min-width: 50px;
        padding: 5px 5px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .welcomePageList ul li a {
        padding: 2.8rem 0 2.3rem 0;
        --notchSize: 20px;
        clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 103% calc(31% - var(--notchSize)), calc(150% - var(--notchSize)) 38%, var(--notchSize) 38%, 0% calc(58% - var(--notchSize)));
        margin-bottom: 6px;
    }
	.main_tab_outer a.nav-link {
		font-size: 14px;
		padding: 6px 10px;
	}
	.profileDetailsView .ex-subtext {
		width: 64%;
	}
	.detailProfilebox {
		padding: 0 15px
	}
	.orderTab li a {
		padding: .5rem 1.7rem;
	}
	.orderTabView .setting-innerbox {
		padding: 20px 10px 30px;
	}
	.welcomePageList {
	margin-top: 0px;
}
    a.themeBtn.DownloadBtnExcel {
        padding: 5px 2px;
    }
    .lasttdbtngroup .viewBtnList {
        min-width: 50px;
        padding: 5px 7px;
    }
    .login-container .login-form {
        width: 440px;
    }
    .login-form .card-body {
        padding: 20px 90px;
    }
}

@media screen and (max-width:767px) {
	.orderTab li {
		margin-bottom: 10px;
	}
	.orderSearchBar {
		margin-bottom: 10px;
	}
	.view-quote-box {
		position: relative;
	}
	.profileDetailsView .ex-subtext {
		width: 64%;
	}
	.detailProfilebox {
		padding: 0 15px
	}
	.navbar-brand img {
		height: 70px !important;
	}
	.header_profile img {
		width: 75px;
		height: 75px;
		margin: 0 0 -20px 0;
	}
	.menuIcon {
		padding: 4px 10px;
        top:0px;
	}
	.HeaderHeading {
		font-size: 20px;
		color: #fff !important;
	}
	.main_tab_outer li.nav-item {
		margin-bottom: 0px !important;
		margin-top: 5px;
	}
	.main_tab_outer a.nav-link {
		font-size: 14px;
	}
	.posRel.left1 span,
	.posRel.left2 span,
	.posRel.left3 span,
	.posRel.left4 span,
	.posRel.left5 span,
	.posRel.left6 span,
	.posRel.left7 span {
		left: 0%;
	}
}

.detlWhiteBox {
	position: relative;
	margin-top: -69px;
}

.pr0 {
	padding-right: 0;
}

.viewIconM {
	display: none;
}

.viewIconM2 {
	display: none;
}

.btnsMobile {
	display: none;
}

.btnsWeb {
	display: block;
}

.slick-dots,
.slick-prev,
.slick-next {
	display: none !important;
}


/*------------------------------------------------*/
@media screen and (max-width: 480px) .login-container {
    background: url(../images/welcome-m-bg.png) no-repeat center;
    background-size: inherit;
    background-size: cover;
}
@media screen and (max-width:380px) {
	.view-quote-box {
		background: #fff;
		box-shadow: 0 3px 0 #ccc;
		border-radius: 20px;
		padding: 0;
		width: 100%;
		float: right;
		position: relative;
		right: 0;
		z-index: 999;
	}
	.login-container .card-title.text-center img {
		width: 100%;
	}
	.pr0 {
		padding-right: 0px;
	}
	.pl10 {
		padding-left: 10px;
	}
	.navbar-brand img {
		height: 45px !important;
	}
	.inner_body h2 {
		font-size: 20px;
		margin: 0 0 20px 0;
	}
	.header_profile img {
		width: 55px;
		height: 55px;
		margin: 0 0 -10px 0;
	}
	.header_profile {
		margin: 0px !important;
	}
	.menuIcon {
		padding: 4px 0px;
	}
	.HeaderHeading {
		font-size: 18px;
		color: #fff !important;
	}
	.main_tab_outer li.nav-item {
		margin-bottom: 0px !important;
		margin-top: 5px;
	}
	.main_tab_outer a.nav-link {
		font-size: 14px;

	}
	footer p {
		font-size: 11px;
	}
	.inner_body label {
		margin-top: 0px;
	}
	.menuOpenBox {
		right: 0px;
		top: 14px;
		width: 310px;
	}
}


@media screen and (min-width:768px) and (max-width:992px) {
	.viewBtnList {
		min-width: 52px;
		padding: 7px 13px;
		margin-right: 3px;
		float: left;
	}
	.login-container {background-size: inherit;}
}

@media screen and (min-width:320px) and (max-width:767px) {
	.welcomePageList ul li a {font-size: 12px;}
    .welcomePageList ul li a {
        padding: 2.8rem 0 2.3rem 0 !important;
        --notchSize: 20px;
        clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 103% calc(31% - var(--notchSize)), calc(150% - var(--notchSize)) 38%, var(--notchSize) 38%, 0% calc(58% - var(--notchSize)));
        margin-bottom: 10px;

    }
.welcomePageList {margin-top: -60px;} 

.inner_body input.form-control {height: 38px;}
 .login-container .login-form {	margin: 30px 30px 25px 30px;}
    .login-container {
        background-color: #f5f5f5;
        /*min-height: calc(100vh - 140px);*/
        /*background: url(../images/background-img.png) no-repeat center;
        background-size: inherit;*/
        background: url(../images/background.jpg) no-repeat center;
        background-size: inherit;
    } 

    .contentMainOuter {
        min-height: calc(100vh - 140px);
        background: url(../images/background.jpg) no-repeat center;
        background-size: inherit;
    }

	.profileDetailsView .ex-subtext {
		width: 100%;
	}
	.shape01-img {
		padding: 0 40px;
	}
	.mobileMneuIcon {
		position: relative;
		top: -57px;
		right: 15px;
	}
	.mobileHeading {
		position: relative;
		left: -45px;
		right: 0;
		text-align: center;
	}
	.mobileTabs {
		overflow: auto;
		width: 100%;
		flex-wrap: nowrap;
	}
	.main_tab_outer a.nav-link::after {
		width: 0;
		height: 0;
		border-top: 15px solid #fff;
		border-left: 15px solid transparent;
		position: absolute;
		top: 0px;
		right: 0px;
		content: "";
	}

	.tabSubHeadingOuter .posRel {
		position: relative;
		text-align: center;
	}
	.HeaderHeading {
		letter-spacing: 0px !important;
	}
    .menuOpenBox {
        right: 0px;
        top: -32px;
        width: 273px;
        padding: 15px 15px 30px 32px;
    }
	.mobileHeaderBg {
		background: #fff;
		position: relative;
		height: 50px;
	}
	.logoTop img {
		margin-top: -66px;
		position: relative;
	}
	.webView {
		display: none;
	}
	.mobileView {
		display: block;
	}
	.mobileView .menuOpenBox h4 {
		margin-top: 35px;
		padding-left: 10px;
	}
	.menuListView {
		padding-left: 10px;
	}
	.mobileView .header_profile .profileMobile {
		width: 100px;
		height: 100px;
	}
	.login-form .card-body {
		padding: 30px 30px;
	}
	
	.login-form p,
	.login-form p a {
		margin: 25px 0;
	}
	.welcomePageList {
		padding: 0 50px;
	}
	.contentMainOuter {
		padding-top: 0px;
	}
	.tabMobileHide {
		display: none;
	}
	.orderTab li {
		margin-bottom: 0px;
		float: left;
		width: 49%;
	}
	.orderTab li a {
		padding: .5rem 0;
		text-align: center;
	}
	.contentMainInner {
		padding-top: 30px;
	}
	.orderTitleMr {
		margin: 20px 0 25px 0;
	}
	.viewBtnList {
		min-width: auto;
		padding: 6px 10px;
	}
	.claenderSleBg {
		padding: 6px 6px;
	}
	.orderDetailsList tbody tr td {
		font-size: 12px;
		padding: 10px 8px;
	}
	.orderDetailsList thead tr th {
		padding: 10px 8px;
	}
	.pageRightArrow,
	.pagenestion {
		padding: 5px 15px 20px 15px;
	}
	.viewIconM {
		display: inline-block;
	}
	.viewIconW {
		display: none;
	}
	.viewIconM img {
		width: 15px;
	}
	.viewIconM2 {
		display: block;
		float: left;
		width: 47%;
		margin-right: 2px;
	}
	

	.refreshBtn {
		padding: 4px 10px 6px 10px;
	}
	.themeBtn {
		margin-bottom: 20px;
	}
	.btnsWeb {
		display: none;
	}
	.btnsMobile {
		display: block;
		text-align: center;
	}
	.titleMobile {
		margin: 50px 0 !important;
	}
	.themeBtn,
	.themeBorderBtn {
		min-width: 215px;
	}
	.surface-img-box {
		padding: 15px 30px;
	}
	.togBtnMobile {
		margin-bottom: 15px;
	}
	.topTabOuter.pt-4 {
		padding-top: 1rem !important;
	}
	.orderTitleBg {
		background: transparent linear-gradient(0deg, #FFFFFF 0%, #F4F4F4 100%) 0% 0%;
		margin: -10px -15px;
		position: relative;
		padding: 27px 0;
		margin-bottom: 20px;
	}
	.searchBGMobile {
		background: transparent linear-gradient(0deg, #ECECEC 0%, #FFFFFF 100%) 0% 0%;
		padding: 10px 15px 10px 15px;
		position: relative;
		margin: -20px -15px 0 -15px;
		box-shadow: 0 3px 2px #e1e1e1;
	}
	.theme_plain_bg {
		min-height: 70px;
	}
	.logoTop img {
		margin-top: -86px;
	}
	.exSearcA {
		max-width: 58% !important;
	}
	.exSearcB {
		min-width: 40% !important;
	}
	.blueBtn,
	.grayBtn {
		min-width: 100%;
	}
	.whitetabs-bg.orderTab li a {
		max-width: 100%;
		white-space: nowrap;
	}
    table.dataTable.min600 {min-width:600px !important;}
}

@media screen and (min-width:768px) {
	.main_tab_outer a.nav-link.active {
		background: #2f5860 !important;
		background: -moz-linear-gradient(top, #2f5860 0%, #0c94b0 100%) !important;
		background: -webkit-linear-gradient(top, #2f5860 0%, #0c94b0 100%) !important;
		background: linear-gradient(to bottom, #2f5860 0%, #0c94b0 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f5860', endColorstr='#0c94b0', GradientType=0) !important;
		border-radius: 0px !important;
		border: 2px solid #fff !important;
		color: #E8E8E8;
		border-bottom: none !important;
		border-top: none !important;
	}
}

@media screen and (min-width:576px) and (max-width:767px) {
	.switchBtn.setting-toggle {
		margin: 0 0 0 15px;
	}
	.userimg-box .proi-pic-box {
		width: 90px;
		height: 90px;
	}
	.userimg-box .proi-pic-box .btn-profils {
		width: 90px;
		height: 90px;
	}
	.proi-pic-box .pro-box-img {
		line-height: 90px;
	}
	.prdeucti-lect-box {
		width: 90px;
	}
	.products-right-box {
		width: calc(100% - 110px);
	}
	.userimg-box .proi-pic-box .imguser-upload {
		height: 90px;
		width: 90px;
	}
	.imgtag-change {
		right: -5px;
	}
	.products-boxmain {
		width: 100%;
	}
	.user-select-box .form-control {
		font-size: 9px;
		padding: 4px;
		text-align: left;
	}
	.mobileTabs .nav-link {
		padding: .5rem 1.6rem;
	}
    .lasttdbtngroup .viewBtnList {
        min-width: 16px;
        padding: 5px 2px;
        margin: 2px 0;
    }
}

@media screen and (max-width:575px) {
    .mobileTabs .nav-link {
        padding: .5rem 0.6rem;
    }

    .orderTab li a {
        font-size: 13px;
    }

    .setting-innerbox {
        padding: 10px 5px 10px;
    }

    .prdeucti-lect-box {
        float: none;
        width: 160px;
        margin: 0 auto;
    }

    .userimg-box .proi-pic-box {
        display: table;
        margin: 0 auto;
    }

    .prdeucti-lect-box .userimg-box label.img-title-tag {
        max-width: 100%;
    }

    .products-right-box {
        float: none;
        width: 100%;
        padding: 0;
    }

    .row-cusrim .col-custom-5 {
        width: 100% !important;
        float: none !important;
    }

    .col-custom-7 {
        float: left;
        width: 100% !important;
        max-width: 100% !important;
    }

    .products-boxmain {
        width: 100%;
    }

    .welcomePageList ul li a {
        padding: 3rem 2rem;
    }

    .dataTables_paginate.paging_simple {
        text-align: center;
        float: none;
        margin: 0 auto;
        margin-top: 0px;
        display: table;
    }

    .lasttdbtngroup .viewBtnList {
        min-width: 16px;
        padding: 5px 2px;
        margin: 2px 0;
    }

    .selectpop-box, .datepicker-pop-box {
        float: none;
        width: 100%;
        margin: 4px;
     
    }
    .viewBtnList.btnupdate-pop {
        float: none;
        text-align: center;
        margin: 5px auto 0;
    }
}