/**** Media Quries ****/

/*Easy Responsive Tabs*/
#container {width: 940px;margin: 0 auto;}
@media only screen and (max-width: 768px) {#container {width: 90%;margin: 0 auto;}
}
/*End Easy Responsive Tabs*/

@media (max-width:1920px) {
/* 05-04-2019 */
.software-licence .content-wrap ul li { font-size: 16px; }
}

/*1699 to 1600*/
@media (max-width:1699px) {

}
/*1599 to 1440 */
@media (max-width: 1599px) {
.logo{ padding-right: 0; }
.top-nav li a{padding: 22px 5px 0px 5px; }
.nav-wrap ul li{margin: 0 5px; }
.body-head h2 p{width: 45%; text-align: right;}
}
/*1439 to 1360 */
@media (max-width: 1439px) {
.search{ width: 30%; } 
.nav-wrap ul li a {padding: 15px 30px;}
.activities h2 p {width: 60%;text-align: right;}
.body-head h2 p{width: 65%; text-align: right;}

/* 05-04-2019 */
.software-licence .content-wrap ul li { font-size: 15px; }

/*18-04-2019*/
.nav-wrap ul li a {padding: 15px 26px;}
}
/*1359 to 1280 */
@media (max-width: 1359px) {
  .search { width: 25%; }
  .nav-wrap ul li a{ padding: 15px 22px; }
  .acc-info .dropdown .dropdown-menu{left: auto; right: 0;}
  .content-wrap ul {width: 45%;}
  .global-form .field-group .form-group, .global-form .field-group label{width: 100%;}


  /*Dashboard*/
  .dashboard .content-wrap #software-licence ul {width: 33.33%;}
}
/*1279 to 1200 */
@media (max-width: 1279px) {
	.page-wrap.warp .page-wrap-detail .dash-box{width: 50%;}
	.page-wrap.warp .page-wrap-detail .dash-box + .dash-board:after{clear:both;}
}
/*1279 to 1152 */
@media (max-width: 1279px) {
.search {width: 20%;}

.nav-wrap ul li a{ padding: 15px; }
ul.product-wrap li{width: 15%;}



}
/*1151 to 1024 */
@media (max-width: 1151px) {

.search {width: 50%;}
.nav-wrap ul li a {padding: 15px 8px;}
.acc-info{ padding: 15px 0; width: 150px;}
.acc-info .dropdown.open .dropdown-menu{left:15px;right: 0;text-align: left;max-width: 170px;top: auto;bottom: -45px;}

.acc-info figure{ position: inherit;float: left; }
.acc-info figure{ position: inherit;left: 10px; float: left; margin-right: 10px;}
.dashboard-info table tbody tr td.assigned{ width:14%; }

/*Mobile Menu In Responsive*/
.header-top .toggle-nav {display: block;right: 15px;top: 15px; position: absolute; outline:none;}
#hamburger{ border: none; background: transparent; width: 35px; height: 30px; outline: none;cursor: pointer;}
#hamburger span, #hamburger span:before, #hamburger span:after {  cursor: pointer;  border-radius: 1px;  height: 3px;  width: 33px;  background: #fff;  position: absolute;  display: inline-block; content: ''; left: 0;}
#hamburger span:before { top: -8px; }
#hamburger span:after { bottom: -8px; }
.form-group.aesttime, .form-group.ahoursworked{ width: 45%; }
/*
#hamburger span, #hamburger span:before, #hamburger span:after {
  transition: all 200ms ease-in-out;
}
*/
#hamburger span, #hamburger span:before, #hamburger span:after {
-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
   -moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
     -o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
        transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
}
#hamburger.active span {  background-color: transparent;}
#hamburger.active span:before, #hamburger.active span:after {  top: 0;}
#hamburger.active span:before {  transform: rotate(45deg);}
#hamburger.active span:after {  transform: translateY(-10px) rotate(-45deg);  top: 10px;}


.header__navbar .top-nav{display: none;position: relative; z-index: 11;background-color: #a72e1d;padding: 20px 0;float: right;max-width: 450px;width:100%;display: none;position: absolute;top: 65px;
    right: 5px;overflow: visible;}
.header-top .acc-info{ padding: 0;position: relative;right: 60px; }
.header__navbar .top-nav li {width: 32.8%;text-align: center;margin: 21px 0px;padding: 15px 13px;position: relative;border-left: 1px solid rgba(255,255,255,0.3);
    background-position: center 13px;}
.header__navbar .top-nav li:nth-child(3n+1) {border-left: none;}    
.header__navbar .top-nav li:after {content: "";position: absolute;width: 80%;height: 1px;bottom: -20px;left: 10%;background-color: rgba(255,255,255,0.3);}
.header__navbar .top-nav li:nth-last-child(-n+3):after{content: none;}
.acc-info{display: none;}
.content-wrap ul {width: 50%;}
.activities h2 p{width: 70%; }

/*22-08-2019*/
.modal-body figure.browse-file { max-width: 200px; width: 100%; }
.modal-body .form-group input[type="file"] { width: 200px; height: 200px; }
.large .modal-body .message-box .form-group.field-employee-description { width: 100%; }

}
/*991 to 970 */
@media (max-width: 991px) {
.add-info {float: none;width: 100%;text-align: right;padding-right: 15px;}
.activities h2 p{width: 75%; }
.content-wrap ul li span.label-name{width: 35% !important; text-align: left !important;}
.content-wrap ul li span.label-text{width: 40%;}
.details .contact-table tr td:last-child{padding: 0 15px;}
.body-full .sidenav{top: 160px; }
ul.product-wrap li {width: 25%;}
.tab-content .page-wrap .content-wrap ul{width: 100%;}
/*.global-form .form-inline  aside+aside+aside{clear: both;}*/

.global-form aside .message-box ul span.label-name{ width: 17% !important; }

/* ==== 22-08-2019 ==== */
.large .modal-body form .message-box label { width: 100%; }
.main-hr .add-info { float: right;  }
.medium .modal-body form .message-box label { width: 35%; }
.medium .modal-body .message-box .form-group { width: 62%; }
.medium .modal-body .modal-footer button { margin-right: 5px; }
.modal-body .field-group .form-group.field-employee-image_file { position: relative; }
.modal-body figure.browse-file { right: 20px; }
/*#sales-div .field-group .form-group .select2-container { width: 100% !important; }*/
.modal-body .field-group .form-group.field-employee-image_file input { padding: 0; margin-bottom: 0; }
.modal-body figure.browse-file { width: 200px !important; height: 200px; max-width: inherit; }

}
/*969 to 800 */
@media (max-width: 969px) {
	.activities h2 p{width: 80%; }
	.content-wrap ul {width: 100%;}
	.activities h2 p span{padding-right: 15px;}
	.activities .contact-table tr td:first-child{ width: auto; }
	.details .contact-table{margin-top: 35px; }
	.details .contact-table tr td:last-child{ padding: 5px 15px; }
	#no-more-tables thead{border:none;}
	.squaredFour{ margin-left: 0 }

/*No More Tables*/
/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
		width: 100%;
		min-height: 32px;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 5px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }

	
	.table-list table tbody tr td svg, .contact-table tbody tr td svg{ right: auto;left: 25%;top: 15px; }
	#no-more-tables table tr td .service-menu{left: 0;right: 0;margin: 0 auto;top: 40px;}
	.global-form aside .message-box ul li span.label-name{width: 36% !important;}

	/*22-08-2019*/
	.table-list table tbody tr td svg,
	.table-list table tbody tr td svg { left: 50%; }

}
/*799 to 768 */
@media( max-width: 799px){
	
	.body-head h2 p{ width: 100%; }

	
}	
  
/*767 to 736 */
@media (max-width: 767px) {
	
	
	.modal-body .form-group {margin-bottom: 15px;}
	.modal-body {padding: 40px 40px 20px 40px;}
	.global-form aside{clear: both;}
	.global-form .message-box textarea{width: 100%;}
	.modal-dialog{padding: 0 15px;}
	.modal-body form label, .modal-body .field-group .form-group, .modal-body form .message-box label, .modal-body .message-box .form-group textarea{width: 100% !important;}

	/*22-08-2019*/
	.select2-container { width: 100% !important; }
	#software-list .select2-container { width: 100% !important; }
	.modal-body .field-group .form-group.field-employee-image_file { height: 200px; }
	.modal-body figure.browse-file { top: 25px; }
/*	#sales-div .modal-body form label { width: 35% !important; }
	#sales-div .modal-body .field-group .form-group,
	#sales-div #software-list .select2-container { width: 60% !important; }*/
}


/*735 to 667 */
@media (max-width: 735px) {
	.content-wrap ul li span.label-text {width: 40%;}
	.page-wrap.warp .page-wrap-detail .dash-box {width: 100%;}
	.page-wrap.warp .page-wrap-detail .dash-box:first-child{padding-left: 15px;}
}
/*666 to 600 */
@media (max-width: 666px) {
/*.content-wrap h2, .activities h2 p{text-align: center;}*/
.activities h2 p span{margin: 10px 0;}
.activities h2 p{margin-top: 20px; }
.body-head h2 p span{padding-right: 25px; }

.dashboard .dashboard-detail ul, .dashboard .content-wrap #software-licence ul {width: 100%;margin-bottom: 15px;}

}
/*599 to 568 */
@media (max-width: 599px){
.mobile-nav-wrap{display: block;}
.nav-wrap .bottom-nav{display: none;}
.mobile-nav-wrap .nav-head h3{float: left;margin-top: 15px;}
.mobile-nav-wrap .nav-head button.mobile-toggle{float: right; display: inline-block; padding-top: 15px;border:none;background-color:transparent;outline: none;}
.mobile-nav-wrap .toggle-menu-list{display: none;}
.body-full .sidenav{top: 112px; }
.toggle-menu-list li a{font-size: 16px !important;}

.body-head h2 button{margin-top: 10px; }
.body-head h2 p span {padding-right: 15px;}

}

/*567 to 480  */
@media (max-width : 567px) {
.search {width: 100%;margin: 10px 0 0 0;}
.header__navbar .top-nav{ top: 155px; max-width: 400px; }
.content-wrap ul li span.add-new a{display: block;float: right;}
.body-full .sidenav{top: 158px;}
.body-wrap .title-wrap figure{ margin-right: 15px; }
.body-wrap .title-wrap h1{ font-size: 26px; }
.content-wrap ul li span.label-text{ width: auto; }
.pagenation{ text-align: center; }

.body-head h2 a{ margin-top: 15px; }


.modal-body {padding: 20px 20px 0 20px;}
.modal-footer {padding: 0 20px 20px 30px;}
.header__navbar .top-nav {top: 108px;max-width: 400px;}
.mobile-nav-wrap .toggle-menu-list li{ border-bottom: 1px solid #ff000026; }
.mobile-nav-wrap .toggle-menu-list li a{display: block;}
.mobile-nav-wrap .toggle-menu-list li:last-child{border-bottom: 0px;}

.body-head h2 p {margin-top: 10px; text-align: center;}
.login{ padding: 30px; }
.global-form aside .message-box ul li span.label-text{ width: 45%; }
	
 /*==== 22/8/2019 ===*/
.right-box .button-wrap a { padding-left: 15px; }
}


/*479 to 414  */
@media (max-width : 479px) {
.mobile-nav-wrap .toggle-menu-list li{float: none;}
.body-head h2{font-size: 20px; text-align: center;}
.body-head h2 span{font-size: 18px; }
.body-head h2 a {float: none;margin: 10px auto;}
.body-head h2 button {display: block;float: none;max-width: 160px;margin: 0px auto;margin-top: 10px;}
ul.product-wrap li {width: 50%;}
.content-wrap h2{text-align: center;}
.content-wrap h2 a{ max-width: 160px; display: block; margin: 10px auto; float: none;}
.attachment-block form {width: 120px;float: none;margin: 10px auto;}

.body-head.create-account h2 a{ margin-top: 10px;display: block; }

/*22-08-2019*/
.right-box .button-wrap a select { width: 100px; min-width: 100px; }


}
/*413 to 375*/
@media (max-width : 413px) {
	.content-wrap ul li span.label-name, .content-wrap ul li span.label-text{width: 100% !important; }
	.header__navbar .top-nav{ max-width: 310px; }
	.header__navbar .top-nav li{width: 32%; margin: 15px 0px; padding: 0}
	.top-nav li a {padding: 35px 0 0 0;}
	span.label-input.block{ width: 70%; }
	.body-head h2 button{ padding: 5px 15px;font-size: 14px; }
	.page-wrap .content-wrap ul li span.label-text{margin-left: 0}
	.page-wrap.warp .page-wrap-detail .dash-box, .page-wrap.warp .page-wrap-detail .dash-box:first-child{padding: 15px 0;}
	.page-wrap .content-wrap ul li span.label-input{margin-left: 0;}
	.header-bottom .page-brudcrumb, .header-bottom .page-nav{ float: none; width: 100%; text-align: center; }

	/*22-08-2019*/
	.right-box .button-wrap a select { width: 80px; min-width: 80px; }
	.right-box .button-wrap a { padding-left: 10px; }
	.page-wrap .content-wrap ul li span.label-text,
	.page-wrap .content-wrap ul li span.label-input,
	.global-form ul li span.label-input { width: 90%; }
	.modal-body figure.browse-file { right: inherit; margin-top: 35px; max-width: 180px; }
	.modal-body .form-group.field-employee-image_file input[type="file"] { width: 180px; height: 180px; left: 0; position: absolute; }
	.modal-body .field-group .form-group.field-employee-image_file { height: 180px; margin-bottom: 30px; }
	.modal-body figure.browse-file img { max-width: 180px; }
	.modal-body figure.browse-file { top: 0; margin-bottom: 10px; }
/*	#sales-div .modal-body form label { width: 100% !important; }
	#sales-div .modal-body .field-group .form-group,
	#sales-div #software-list .select2-container { width: 100% !important; }*/
}
/*374 to 320*/
@media (max-width : 374px) {
 
}