.mmk-template .header2 {
   position:fixed;
   top:0;	
   background-color:#fff;
   height:148px;	
   z-index:999;
}

#header-shadow {
    display: block;
    position: sticky;
    top: 128px;
    width: 100%;
    z-index: 99;
    height: 21px;
    background-color: white;  
}	

.mmk-template footer,
.mmk-template .fixed-buttons  {
   display:none;	
}
.mmk-template #main {
   /* position:absolute; 
   top:132px;
   top:148px; 
   */  
   margin:0; 
   background-color:white;      	 	
}
.mmk-template #content {
   margin:0;    
   background-color: #f4f5f6; 	
}
.right-nav {
   display:none;
}

.mmk-template .records {
   margin-top: 54px;
   min-height: calc(100vh - 204px);
   height: calc(100% - 204px);
}

.mmk-template .records .records-body.records-list {
   margin-top: -16px;	
}

.mmk-template .records .records-header {
   border-right: 1px solid #e6e6e6;
   border-left: 1px solid #e6e6e6;
} 

.mmk-template .records .sticky-box,
.mmk-template .records .sticky-box.sticky {
   top: 187px;
   right: 0;
   left: 0;
   width: 100%;
   max-width: 1536px;
   margin: 0  auto;
   border-top:1px solid #e6e6e6;
   padding-right:0;
   padding-left:0;   	
}   
.mmk-template .records .sticky.sticky-box::after {
   width:calc(100vw - 16px);
   left:8px;
}
.mmk-template #content .filter-header {
   position: fixed;
   top: 129px;
   top:149px;    
   width:346px;
   height:32px;
   border-bottom:none;
}

.mmk-template .filter-header .search {
   width: 150px;
}    

.mmk-template #main #content .page-header {
   position:fixed;
   top:128px;
   top:148px;  
   height:40px;
   border-bottom: 1px solid #e6e6e6;
   max-width: 1536px;
   margin:0;
   left:0;
}

.mmk-template .filter {
   transition: width ease-out 0.05s;
}

.filter-active.mmk-template .filter {	
   background-color: #f4f5f6;	
   top:188px;	
   padding-top: 8px; 
   border-top: none;  		
}


.filter-active.mmk-template #content {
   padding-right: 312px;
   border-right: none;
}

.filter-active.mmk-template #content .records .sticky-box {
   right: 296px;
   width:auto;
   transition: none;
}
.filter-active.mmk-template #content .records .sticky.sticky-box::after {
   width:auto;
   right:0;
   left:6px;
}

.mmk-template select.form-control:not([size]):not([multiple]) {
   height: 28px;
}

.mmk-template .records-header .form-inline {
   width:100%;
}

.mmk-template .card.card-compressed .card-comparsion .card-body {
 	width:100%;		
}

.mmk-template .records .row {
	display:block;	
	position:relative;	
}

@media (min-width: 768px) and (max-width:899px) {
   .mmk-template .product-details .col-md-9 {  
       width: 100% !important;  
       max-width: 100%;
   }
   .mmk-template .product-details .responsive-br {
      display: none;
   }     	
}	


@media (min-width: 900px) and (max-width:1099px) {
   .mmk-template .product-details .responsive-br {
      display: block;
   } 
   .mmk-template .product-details .col-md-9 {  
       width: 80% !important;  
       max-width: 80%;
   }
   .mmk-template .product-details .col-md-3 {      	
       text-align:right;
       width: 20% !important;
       max-width:20%;
   } 
   .mmk-template .product-details .brightness-card {          
      margin-right: 0 !important;
   } 
   .mmk-template .brightness-card.mt-h-min {
      margin-top:4px;  
   }  
}

@media (max-width: 1024px) {
	.mmk-template .records {
	   
	}	
   .mmk-template.filter-active #content {
      padding-right: 16px;     
   }
   .mmk-template.filter-active #content .filter {		
      top:188px;	
      border-top:none;	
   }
   .filter-active.mmk-template #content .records .sticky-box {
      right:0;
      width:auto;
   }  
}

@media (max-width: 991px) {
   .mmk-template #content .filter-header {	
      left:auto;
      right:0;
      top:151px;
   }
   .mmk-template #content .records {
      margin-top: 58px;
   }
   .mmk-template.filter-active #content .filter {		
      top:188px;      	
   }   
}

@media (max-width: 991px) {
   .mmk-template .records-header .text-right.hidden-xxs {
      display:none;	
   }	
}	


@media (min-width: 580px) and (max-width: 768px) {
   .mmk-template .records .button-block {
      margin-top:12px !important;
   }
   .mmk-template .btn.min-width-122 + .dropdown-toggle {
      padding: 3px 8px 4px 8px;
   }
}

@media (max-width: 580px) {
   .mmk-template #content .filter-header {	
      left:0;
      right:auto;
      top:187px;
      width:100%;
   }
   .filter-active.mmk-template #content .filter {		
      top:219px;		
   }	
   .mmk-template #content .page-header.page-header-sm .breadcrumb {
      padding-left:0;
   }	
   .mmk-template #content .records {
      margin-top: 72px;
   }
   .mmk-template #content .records .sticky-box,
   .mmk-template #content .records .sticky-box.sticky {
      top: 219px;    	
   }
   .mmk-template .records-header .col-xs-4 .btn-group {
      display:none;
   }
   .mmk-template .record-content .button-block {
   	  top:185px; 	
   	  right:0;
   }
   .mmk-template .card.card-compressed .card-body:not(.hidden-xxs-actions):not(.pb-1) {
    	padding-bottom: 50px;
   }
}

@media (min-width: 461px) and (max-width: 580px) {
   .mmk-template #content .records {
      margin-top: 84px;
   }
}	

@media (max-width: 459px) {
   .mmk-template #content .records {
      margin-top: 84px;
   }
   .mmk-template .record-content .button-block {
   	  top:180px; 	
   }	
}	


@media (min-width: 1536px) {		
   .mmk-template #content,
   .mmk-template #main #content .page-header {
      left:calc((100% - 1536px) / 2);	
   }
   .mmk-template .filter-header {
      right:calc((100% - 1536px) / 2);			
   }
   .mmk-template .records .sticky.sticky-box::after {
      width: 1520px;
   }	
   .mmk-template .records {
      height: calc(100% - 204px);      
   }  
   .mmk-template .content-section {
      border-left: 1px solid #e6e6e6;
      border-right: 1px solid #e6e6e6;
   }
   .filter-deactive.mmk-template .filter {   	  
   	  opacity:0;
   	  transition:opacity 0.5s ease-out;	
   }

   .filter-active.mmk-template .filter,
   .filter-active.mmk-template .filter-header {	 
      right: calc((100% - 1536px) / 2);	     
      transition:opacity 0.5s ease-out;		
      opacity:1;
   }		

   .mmk-template #content .records .sticky-box {
      transition: none;		
   }

   .filter-active.mmk-template #content .records .sticky-box {
      right:calc(((100% - 1536px) / 2) + 296px);
      left:calc((100% - 1536px) / 2);	
      width:auto;
      transition: none;		
   }
   .filter-active.mmk-template #content .records .sticky.sticky-box::after {
      right:7px;
   }	
}