@media only screen and (max-width: 1024px) {
#feature .row .featured-contents img {
    height: 45px;
}
.moduletable.featured-contents .custom.featured-contents {
    min-height: 75px;
}
.moduletable.featured-contents .custom.featured-contents p {
    line-height: 24px;
}
}
@media only screen and (min-width: 600px) and (max-width: 960px) {
  .container, .container-md, .container-sm {
    max-width: 100%;
  }
     #component main > .row {
        width: 100%;
    } 
    .showcase-left-right .col-md-7, .showcase-left-right .col-md-5 {
        width:100%;
    }
#showcase-right-wrapper {
	margin-top: 15px;
}     
#showcase-right .row .moduletable .module_container {
	min-height: 553px;
}  

    #mainbottom .d-flex {
    	flex-direction: row;
    	flex-wrap: wrap;
    	gap: 5px;
    } 
#mainbottom .d-flex .d-flex.flex-column > .moduletable {
	margin: 0px;
}    
    #mainbottom .d-flex > * {
    	width: 32.9%;
    }  
    #footer .moduletable, #footer .col-md-4, #footer .col-md-7 {
padding-left: calc(var(--bs-gutter-x)*.5);
  padding-right: calc(var(--bs-gutter-x)*.5);
    }
    .moduletable.featured-contents .module_container {
        padding: 20px;
    }
#footer tr, #footer tr td {
	width: 100%;
	clear: both;
	display: block;
}    
   #footer .moduletable .custom > p {
	padding-left: 20px;
} 

#footer .col-md-4, #footer .col-md-5, #footer .col-md-7 {
    width: 100%;
}

}
@media only screen and (max-width: 600px) { 
    
.moduletable.featured-contents .custom.featured-contents {
	flex-direction: column;
}    
  .container, .container-md, .container-sm {
    max-width: 100%;
  }

    #component main > .row {
        width: 100%;
    }
    .logo {
        text-align: center;
    }
    .logo img {
    	margin-top: 20px;
    	margin-left: 0px;
    	margin-bottom: 20px;
    }
    .menu-links.d-flex.flex-column {
    	flex-direction: row-reverse !important;
    	justify-content: space-between;
    	align-items: center;
    }   
    .showcase-left-right > .container > .row > :first-child {
        padding:0px !important;
    }
    .moduletable.showcase-left-module .module_container {
        min-height: 300px;
    }
    .row .moduletable.showcase-left-module {
        padding-right: 0px;
    }
#showcase-right-wrapper {
	margin-top: 15px;
}    
#showcase-left .module_container > h3::before {
	width: 70px;
	height: 70px;
	left: -75px;
}    
    #showcase-right .row .moduletable {
        width: 50%;
    }
    #showcase-right .row .moduletable.showcase-right-3 {
        width: 100%;
    }    
    #showcase-right .row .moduletable .module_container {
    	min-height: 293px;
    	background-repeat: no-repeat;
    	background-size: cover;
    }  
    #mainbottom .moduletable img {
        max-width: 70%;
    }
#mainbottom .moduletable {
	margin-bottom: 0px;
}    
    .moduletable.featured-contents {
    	max-width: 100%;
    	margin: 25px auto 0px;
    } 
    #mainbottom .d-flex {
    	flex-direction: row;
    	flex-wrap: wrap;
    	gap: 15px;
    } 
#mainbottom .d-flex .d-flex.flex-column > .moduletable {
	margin: 0px;
}    
    #mainbottom .d-flex > * {
    	width: 100%;
    }  
    #footer .moduletable, #footer .col-md-4, #footer .col-md-7 {
padding-left: calc(var(--bs-gutter-x)*.5);
  padding-right: calc(var(--bs-gutter-x)*.5);
    }
    .moduletable.featured-contents .module_container {
        padding: 20px;
    }
#footer tr, #footer tr td {
	width: 100%;
	clear: both;
	display: block;
}    
   #footer .moduletable .custom > p {
	padding-left: 20px;
} 
    body header #header .top-bar {
        width: 80%;
        float: left;
    }  
    .main-menu.text-end {
        float: left;
        width: 20%;
        border-bottom: 1px solid #dadada;
        margin-top: 20px;
        padding-bottom: 20px;
    }  
    button.navbar-toggler:focus {
        box-shadow: none;
    }
    ul.nav.navbar-nav.menu {
        position: absolute;
        width: 100vw;
        right: calc(var(--bs-gutter-x)*-.5);
        z-index: 999;
        background-color: #fff;
        text-align: left;
        padding: 0px 20px;
    }  
    body header .module_container .navbar.navbar-expand-lg #mainNav ul li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    body header .module_container .navbar.navbar-expand-lg #mainNav ul li:first-child a {
        padding-left: 19px;
    }
    body header .module_container .navbar.navbar-expand-lg #mainNav ul li.deeper ul {
        border: 0 none;
        left: 30px;
        position: relative;
    }  
    body header .module_container .navbar.navbar-expand-lg #mainNav ul li.deeper ul li a {
        border: 0 none;
    }
    body header .module_container .navbar.navbar-expand-lg #mainNav ul li {
        position: relative;
        float: left;
    }    
    .hidden-on-mobile {
        display: none;
    }
}

@media only screen and (min-width: 600px) and (max-width: 768px) { 
    
}