@media (max-width: 768px) {
  
  body, html {overflow-x:hidden;}
	
	.navbar-default  .navbar-brand, .navbar-default.darkHeader  .navbar-brand  {margin:10px 0 0 -35px;}	
	.navbar-default  .top-nav {margin-top:10px; width:140px; right:80px;}
	.navbar-default  {min-height:50px; }
	.navbar-default  .navbar-brand img {
		-moz-transform: scale(.7);
		-webkit-transform: scale(.7);
		-o-transform: scale(.7);
		-ms-transform: scale(.7);
		transform: scale(.7);
	}
	.top-nav a {font-size:10px; display:block; padding:2px 0px;}
	.navbar-toggle {top:5px; padding: 10px; border-radius:0;}
	.modul_intro {
		padding:120px 0;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#fff;}
	.navbar-default .navbar-nav>.open >a.dropdown-toggle:after {
	   
		left: auto;
		margin-left: 0px;
		right:1px;
	}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 100vh; margin-top:0px;}
	.navbar-fixed-bottom .navbar-collapse .nav, .navbar-fixed-top .navbar-collapse .nav {margin-bottom:15px;}
	#navbar {margin:10px 0 0 0;}
	.dropdown-menu .padd {padding-bottom:30px;}
	.dropdown-menu .padd.list {display:none;}
}


@media (min-width: 240px) and  (max-width: 374px) { 
 
}
 
 
@media (min-width: 375px) and  (max-width: 414px) { 
	 
}
 
 
@media (min-width: 769px) and  (max-width: 1200px) {
	 
}

 
 
 
/* Style adjustments for landscape mode goes here */
@media (min-width: 560px) and  (max-width: 666px) and (orientation:landscape) {
	 
}

/* Style adjustments for landscape mode goes here */
@media (min-width: 667px) and  (max-width: 735px) and (orientation:landscape) {
	 
}

/* Style adjustments for landscape mode goes here */
@media (min-width: 736px) and  (max-width: 800px) and (orientation:landscape) {
	 
}

/* Style adjustments for landscape mode goes here */
@media (min-width: 320px) and (orientation:portrait) {
 
}
/* Style adjustments for landscape mode goes here */
@media (min-width: 384px) and (orientation:portrait) {
	 
}
/* Style adjustments for landscape mode goes here */
@media (min-width: 414px) and (orientation:portrait) {
 
}

/* Style adjustments for landscape mode goes here */
@media (min-width: 768px) and (orientation:portrait) {
	 
	
}




/* responsive tables */
@media only screen and (max-width: 768px) {
  /* Force table to not be like tables anymore */
  .responsive-table,
  .responsive-table thead,
  .responsive-table tbody,
  .responsive-table th,
  .responsive-table td,
  .responsive-table tr {
    display: block;
  }
   
  /* Hide table headers (but not display: none;, for accessibility) */
  .responsive-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
   
  .responsive-table tr { border: 1px solid #ccc; margin-top: -2px;}
  .responsive-table tr:nth-child(even) {background-color: #f7f7f7;}
   
  .responsive-table td {
    /* Behave like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50% !important;
    white-space: normal;
    text-align: left !important;
    width: auto !important;
  }
   
  .responsive-table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align:left;
    font-weight: normal;
    color: #781477;
  }
   
  /*
  Label the data
  */
  .responsive-table td:before { content: attr(data-title); }
  
}


@media (min-width: 1920px) {
 
}