/* Medium devices (tablets, less than 992px) */


/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	
	
	
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	.main{display:block;}
	.rightSidebar{position:relative; right:0; width:100%; z-index:1; pointer-events:none; height:auto; min-width: 100%; padding-top:10px; overflow-y:hidden; top:0;}
	.rightSidebarInner{padding:0 15px!important; width:100%!important;}
	.rightSidebarInner.padding_responsive{padding:0 !important;}
/*	.main_inner{min-height: auto !important;}*/
	.pdf_name{max-width: 520px;}
	.team-member img {
        height: 230px;
    }
	.our_locations img.img-fluid {
		height: 230px;
	}
	.our_blogs img.blog_img{height:200px}
}

/* XX-Large devices (larger desktops) */

@media (max-width: 991.98px) {
	.main_inner{min-height: calc(100vh - 185px) !important;}
	.main_left_panel{min-height:10px;}
	.footer_tabs{display:block; z-index:1;}
	.mobile_hide{display:none!important;}
	.pwa_header{display:inline-block; z-index:1;}
	.content{margin-top:0;}
	.customer_visits_panel{right:0; opacity:0; width:100%; pointer-events:none; z-index:4; top:0; height:100%;}
	.customer_visits_panel.open_panel{opacity:1; pointer-events:auto;}
	/* .m_noscroll{overflow:hidden!important;} */
	.customer_visits_panel{padding:65px 10px 0 10px; background:var(--White);}
	.cv_head{background:var(--White); width:100%; left:0; padding:4px 20px; display: flex; align-items: center; box-shadow:0 6px 6px -9px rgba(0, 0, 0, 0.6); top:0; height:55px; margin:0;}
	.cv_head h5{margin-bottom:0; width: 100%;}
	.cv_content_repeat{border-bottom:1px solid #f2f2f2!important; border-radius:0;}
	.desktop_hide{display:inline-block;}
	.main_nav_top.up_showme .userbarclose{display:inline-block;}
	.main_nav_top.up_showme .header_menu_icon{display:none;}
	.main_nav_top.up_showme .pwa_header{display:none;}
	
	
	.usericon_head_cust{display:none!important;}
	.main_nav{padding:10px 0px 10px 15px;}
	.rsb_head_area{padding:10px 15px;}
	.userbar_opp{display:none;}
	/* .sidebar-sticky-head{display:none;} */
	.main_nav_top {
        z-index: 4;
        height: 55px;
        background: var(--BackgroundColor);
    }
	.mobile_title{display:flex; justify-content:space-between;}

	.main{display:block;  padding-top: 10px; height:auto; overflow:auto; }
	body{overflow: auto;}
	.head_user_image_main{display:none;}
	.rightSidebarInner{width:100%; height:auto; padding:0 15px!important;}
	
	.wrapper{display:block; margin-top:60px; height:auto;}
	.sidebar {
		transition: margin-left .3s ease-in-out, left .3s ease-in-out, margin-right .3s ease-in-out, right .3s ease-in-out;
		left: -285px; 
		height:calc(100% - 24px); top:12px;
		z-index:99;
	}
	.sidebar.showme {
		left: 15px;
	}
	
	.rightfixedbar{height:calc(100% - 24px); top:12px;}
	.rightfixedbar.showme{right: 12px;}
	
	
	
	.head_user_area{background:transparent; padding:4px;}
	.head_user_area .head_user_name{display:none;}
	.head_user_area .head_user_icon{display:none;}
	.rsb_lhead{padding-top:0;}
	.mobile_title{font-size:18px;}

	.main {
		padding-bottom: 0;
	}
	.mainfooter {
		position: static;
	}
	.mainfooter, .mainfooter a {
		font-size: 14px;
	}
	.empty_pdf_div {max-width: 100%; background: var(--White);}
	.full_blog_img{max-width: 100%; display: block;margin: auto;float: none;}
}
/* No media query since the xxl breakpoint has no upper bound on its width */


@media (min-width: 1399.99px) {
	.withRightBar .main{padding-right:285px; } 
	.rightSidebar{display:none;} 
	.withRightBar .rightSidebar{display:block;height: calc(100% - 185px);} 
}

@media (min-width: 991.99px) {
	.sidebar{left: 15px;} 
	.main{padding-left:280px;} 
	.main_nav_top{width:calc(100% - 280px);} 
	.header_menu_icon{display:none;}
}

/* Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {
	.dashboard_card{min-height:auto; gap:15px!important; padding:15px;
		/* flex-direction:row!important; align-items: center !important; */
	}
	.dct_one svg{position:relative;margin-right:4px;}
	
	
	/* Force table to not be like tables anymore */
	.mobile_table{overflow-x:visible; }
	.mobile_table > table{width: 100%!important;}
	.mobile_table > table, .mobile_table > table thead, .mobile_table > table tbody, .mobile_table > table th, .mobile_table > table td, .mobile_table > table tr { 
		display: block; 
	}
	.mobile_table > table thead tr { 
		/*position: absolute;
		top: -9999px;
		left: -9999px;*/
	}
	.mobile_thead_hide table .head_row{display:none;}
	.mobile_thead_hide table thead{display:none !important;}
	.mobile_table table thead th{padding-left:15px!important; width: 100%!important; box-sizing: border-box!important;}
	.mobile_table table thead th:after{float: right; position: relative!important; top: 0!important; right: auto!important; display: block; width: 40px; background: #303e67; color: #fff;  height: 20px; bottom: 0!important; line-height: 20px!important; text-align: center; }
	.mobile_table table thead th:before{float: right; position: relative!important; top: 0!important;right: auto!important; display: block; width: 40px; background: #303e67; color: #fff;  height: 20px; bottom: 0!important; margin-left:10px; line-height: 20px!important; text-align: center;}

	.mobile_table table tr {margin-bottom: 15px!important; border-bottom:1px solid var(--TableBorder); padding-bottom:15px;}
	.mobile_table table tr:last-child{border:none; padding-bottom:0; }
	.mobile_table table td { 
		/* Behave  like a "row" */
		border: none;
	 
		position: relative;
		display: flex;
	}
	.mobile_table > table td:before { 
		content: attr(data-label);
		position: relative;
		top: 0px; display: inline-block;
		left: 0px; font-weight: 600;
		width: 50%;  padding-left: 0px;
		padding-right: 0px; vertical-align:inherit;
		text-align:left;
	}
	.mobile_table > table .td50{width: 50%; display: inline-block; text-align:right;}
	.mobile_table > table .td100{width: 100%; display: inline-block;}
	.mobile_table > table td {word-wrap: anywhere;}


	.admin_search_left td{width:100%; display: block;}
	.admin_search_right td{width:100%; display: block;}


	/* Use for all inner tables  
	
	
	Force table to not be like tables anymore */


	.mobile_table_all{overflow-x:visible;}
	.mobile_table_all table{width: 100%!important;}
	.mobile_table_all table, .mobile_table_all table thead, .mobile_table_all table tbody, .mobile_table_all table th, .mobile_table_all table td, .mobile_table_all table tr { 
		display: block; 
	}
	.mobile_table_all table thead tr { 
		/*position: absolute;
		top: -9999px;
		left: -9999px;*/
	}
	.mobile_thead_hide_all table .head_row{display:none;}
	.mobile_thead_hide_all table thead{display:none;}
	.mobile_table_all table thead th{padding-left:15px!important; width: 100%!important; box-sizing: border-box!important;}
	
	.mobile_table_all table thead th:after{float: right; position: relative!important; top: 0!important; right: auto!important; display: block; width: 40px; background: var(--GrayintoOrange); color: #fff;  height: 20px; bottom: 0!important; line-height: 20px!important; text-align: center; border-radius:4px!important; }
	.mobile_table_all table thead th:before{float: right; position: relative!important; top: 0!important;right: auto!important; display: block; width: 40px; background:var(--GrayintoOrange); color: #fff;  height: 20px; bottom: 0!important; margin-left:10px; line-height: 20px!important; text-align: center; border-radius:4px!important}
	
	
		
		
	.mobile_table_all table tr {margin-bottom: 4px!important;}
	.mobile_table_all table td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		display: flex;
	}
	.mobile_table_all table td:before { 
		content: attr(data-label);
		position: relative;
		top: 0px; display: inline-block;
		left: 0px; font-weight: 600;
		width: 50%;  padding-left: 0px;
		padding-right: 0px; vertical-align:inherit; text-align:left;
	}
	.mobile_table_all table .td50{width: 50%; display: inline-block; text-align:right;}
	.mobile_table_all table td {word-wrap: anywhere;}
	.mobile_table_all table .td100{width: 100%; display: inline-block;}
	.nobefore:before{display:none!important;}
	
	.number-incrementer{justify-content:end;}
	
	
	table thead th{text-align:left!important;}
	
	.product_detail_text{text-align:center;}
	.product_detail_text h5 span{margin-top:10px;}
	.product_detail_image{text-align:center;}
	.product_detail_image img{max-height:200px;}
	.number-incrementer-mobile .number-incrementer{justify-content:center!important;}
	
	
	.top_banner{text-align:center!important; padding:20px;}
	.top_banner .text-end{text-align:center!important;}
	.top_banner:before{opacity:0.4;}
	.price_mobile_bg { background:var(--BackgroundColor) ;padding-top: 4px;border-radius: 4px;}
	.quote_card{padding: 15px;}
	.dashboard_card_title{display: block;}
	.dashboard_card svg{width: auto;}
	.quote_card .dc_orders_text{display: flex; gap: 8px; align-items: baseline;}
	.quote_card .dc_orders_text h5{margin-bottom: 0;}
	.payment_method-mobile {padding: 12px;padding-left: calc(1.5em + 12px); background: var(--WhiteintoBlack); border-radius: 8px;}
/*	.cart_main-page .main_inner{max-height: calc(100vh - 210px);overflow: auto;}/* payment_main-page .main_inner * /*/
	.cart_main-page .rightSidebar, .payment_main-page .rightSidebar {display: none;}
	.pdf_name{max-width: 350px;}
	.new_product_list{overflow: auto; max-height: 480px;padding-right: 12px;}
	/* for full modal in mobile start */
		.close_btn-modal{display: block;}
		.mobile_cart-rsb .modal-dialog {min-height: calc(100vh - 55px);margin: 0; margin-top: 55px;max-width: 100%;}
		.mobile_cart-rsb .modal-content {min-height: calc(100vh - 55px); border: 0 ;border-bottom-left-radius:0; border-bottom-right-radius: 0;}
		.mobile_cart-rsb.modal.fade .modal-dialog {transform: translateY(100%);transition: transform 0.2s ease-out;}
		.mobile_cart-rsb.modal.show .modal-dialog {transform: translateY(0);}
		.mobile_cart-rsb.modal.fade.show .modal-dialog {transform: translateY(0);transition: transform 0.2s ease-out;}
		.mobile_cart-rsb.modal.fade:not(.show) .modal-dialog{transform: translateY(100%);transition: transform 0.2s ease-in;}
			/* for short modal  */
		 .mobile_cart-rsb .modal-dialog {max-height: calc(100vh - 55px); align-items: end;}
		 .mobile_cart-rsb .modal-content {max-height: calc(100vh - 55px);min-height: calc(100vh - 60vh);}	
}


/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.dashboard_card{flex-wrap:wrap; height:auto; flex-direction:column!important;  padding:15px;}
	.dct_one svg{position:relative; margin-right:0px;}
	
	.rightfixedbartwo{min-width:100%!important; max-width:100%!important; right:0!important; bottom:-100%!important; height: calc(100% - 50px)!important; top:auto!important; border-radius:12px 12px 0 0!important; padding-top:60px;}
	.rightfixedbartwo.showme{min-width:100%!important; max-width:100%!important; right:0!important; bottom:0!important;  }
	.rightfixedbarthree{min-width:100%!important; max-width:100%!important; right:0!important; bottom:-100%!important; height: calc(100% - 50px)!important; top:auto!important; border-radius:12px 12px 0 0!important; padding-top:60px;}
	.rightfixedbarthree.showme{min-width:100%!important; max-width:100%!important; right:0!important; bottom:0!important;  }
	.search_item-box{width: 100vw; height: calc(100vh - 55px); margin-top: 7px; border-bottom-left-radius:0; border-bottom-right-radius: 0; position: absolute; left: 0;}
	
	.pwa_close_bar{width:100%; height:60px; position:absolute; top:0;} 
	.pwa_close_bar:after{content:''; width:100px; height:4px; border-radius:100px; background:var(--Gray); top:20px; left:calc(50% - 50px); position:absolute; opacity:50%;} 
	
	
	.rightfixedbar{min-width:100%!important; max-width:100%!important; right:0!important; bottom:-100%!important; height: calc(100% - 50px)!important; top:auto!important; border-radius:12px 12px 0 0!important; padding-top:60px;}
	.rightfixedbar.showme{min-width:100%!important; max-width:100%!important; right:0!important; bottom:0!important;  }
	.pd_title_btn{width: 100%; display: block;}
	.pd_title_btn span {margin-left: 0;}
	.tabs-mod .nav-item{padding:0 2px!important;}
	.tabs-mod .nav-link{font-size:11px!important; padding:4px!important;}
	.acc_page_title{font-size: 12px;}
	.rsb_cart_area{position: static;}
	.cart_nav-list{width: 100vw; height: calc(100vh - 50px); padding-bottom: 90px;}
	.cp_listing_btn .btn {width: calc(100vw - 24px);bottom: 25px; position: fixed;}
	.cart_products_listing{max-height: calc(100% - 100px);padding: 0 5px;}
	.cpl_text h6, .cpl_text h5{max-width: 200px;}
	.user_img-li{display: flex;}
	.head_user_dropdown{margin-top: -40px !important;min-width: 250px;height: calc(100vh - 20px); padding-bottom: 60px;}
	.verson_li{display: block; bottom: 25px; }
	.pi_form-validate{display: block !important;}
	.edit_profile-modal .tab-content{max-height: calc(100vh - 410px);overflow: auto;min-height: calc(100vh - 410px);}
	.edit_profile-modal.modal_ui .tab-content{max-height: calc(100vh - 190px);overflow: auto;min-height: auto;}
	.edit_profile-modal .row{margin-left: auto;margin-right: auto;}
	.search_recent_div{overflow: auto; max-height: calc(100vh - 200px);margin-bottom: 0;}
	.cn_title-mobile{display: block;}
	.cn_title-mobile span{font-size: 14px; font-weight: 700;}
	.pdf_name{max-width: 190px;}
	/* for full modal in mobile start */
	.close_btn-modal{display: block;}
	.search_modal .modal-dialog, .edit_profile-modal .modal-dialog {min-height: calc(100vh - 55px);margin: 0; margin-top: 55px;}
	.search_modal .modal-content, .edit_profile-modal .modal-content {min-height: calc(100vh - 55px); border: 0 ;border-bottom-left-radius:0; border-bottom-right-radius: 0;}
	.search_modal.modal.fade .modal-dialog, .edit_profile-modal.modal.fade .modal-dialog {transform: translateY(100%);transition: transform 0.2s ease-out;}
	.search_modal.modal.show .modal-dialog, .edit_profile-modal.modal.show .modal-dialog {transform: translateY(0);}
	.search_modal.modal.fade.show .modal-dialog, .edit_profile-modal.modal.fade.show .modal-dialog {transform: translateY(0);transition: transform 0.2s ease-out;}
	.search_modal.modal.fade:not(.show) .modal-dialog, .edit_profile-modal.modal.fade:not(.show) .modal-dialog
	 {transform: translateY(100%);transition: transform 0.2s ease-in;}
		/* for short modal  */
	 .search_modal .modal-dialog {max-height: calc(100vh - 55px); align-items: end;}
	 .search_modal .modal-content {max-height: calc(100vh - 55px);min-height: calc(100vh - 60vh);}
	 
	 .our_locations img.img-fluid {
        height: auto;
		width: 100%;
    }
	.team-member img {
        height: auto;
		width: 100%;
    }
	/* for full modal in mobile end */

	/* for PDF modal  */
	.pcs-template-body table {display: block;overflow-x: auto;white-space: nowrap;}
	.pcs-template-body table table.pcs-totals {width: 200%;margin-left: -100%;}
	.pcs-template-body thead, .pcs-template-body tbody, .pcs-template-body tr, .pcs-template-body td, .pcs-template-body th {white-space: nowrap;width: 100% !important;}
	
	.our_blogs img.blog_img{height:auto}
}