
@media (min-width: 768px){
    #footer #topnav{display: none;}
}
@media (min-width: 992px){
    .search-btn,
    .navbar-toggler{display: none;}
}
@media (max-width: 991px){
    
    #banner{display: none;}
    #page_margins{min-width: auto;}
    #nav_main ul.l1{margin-left: 15px;}
    #nav_main{width: auto;}
    .search-btn{background-image: url("../Images/search.svg");border: none;width: 20px;height: 20px;background-color: transparent;background-repeat: no-repeat;background-position: center center;}
    #searchform{position: absolute;top: 100%;right: 0;display: none;}
    .tx-macinasearchbox-pi1 > div{position: relative;}
    #header div.tx-macinasearchbox-pi1{right: -35px;}
    #searchform input{width: 200px;height: 20px;padding: 5px 10px;}
    #sbox_container .sbox_desc{width: 100%;float: left;margin-left: 0;}
    .ce-gallery figcaption{display: block;padding-top: 10px;}
    .floatbox img{width: 100%;}
    .floatbox .level_1 img,
    .floatbox .level_2 img,
    .floatbox .tx-indexedsearch-icon img,
    .floatbox .level_3 img{width: auto;}
    .floatbox .ce-column{margin-right: 0;float: none;margin-bottom: 10px;}
    .floatbox .ce-left .ce-gallery, 
    .floatbox .ce-column{float: none;}
    .floatbox .ce-gallery figure{display: block;}
    .ce-right .ce-gallery{float: none;}
    .ce-intext.ce-right .ce-gallery{margin-left: 0;}
    img{max-width: 100%;height: auto;}
    h2{padding-bottom: 2px;}
}
@media (max-width: 767px){
   /* body{padding: 5px;}  */
   #page_margins{padding-left: 10px; background-size: 10px;} 
   #header,
   #nav, #main,#footer{margin-right: 10px; position: relative;}
   #header{height: auto;padding-bottom: 65px;}
   #header img.headImg1{top: 0;left: 0;width: 240px;height: auto;position: relative;}
   #page{background-size: 10px;}
   .logo{display: block;padding: 10px 10px 0;}
   #nav{display: none; position: absolute;left: 15px;right: 5px;top: 115px; background-image: none;background-color: #fff;box-shadow: 0 2px 6px rgba(0,0,0,0.3);z-index: 111;height: auto;}
   #header .langMenu{top: 75px;left: auto;right: 53px;}
   #nav_main{display: block;top: 0;float: none;position: relative;height: auto;background-image: none;}
   #nav_main ul.l1{margin-left: 0;float: none;display: block;}
   #nav_main ul.l1 li#current{border-top: none;border-left: none;border-right: none;display: block;}
   #nav_main ul.l1 li{border-left: none;border-right: none;float: none;display: block;}
   #col1, #col2{float: none;width: auto;}
   #col3_content{padding-left: 10px;padding-right: 10px;}
   #main{height: auto;}
   #header #topnav{display: none;}
   #footer{height: auto;padding: 10px;}
   #footer #topnav{position: relative;top: 0;right: 0;}
   #header div.tx-macinasearchbox-pi1{top: 76px;left: 10px;right: auto;}
   #footer #topnav{display: block;}
   .search-btn{background-image: url("../Images/search-black.svg");}
   
   .navbar-toggler {border: none;background: transparent !important;width: 30px;height: 20px;padding: 0;position: relative;display: flex;align-items: center;position: absolute;right: 10px;top: 75px;z-index: 11;}
    .navbar-toggler:hover {background: transparent !important;}
    .navbar-toggler .navbar-toggler-icon{background-color: transparent;}
    .navbar-toggler .navbar-toggler-icon,
    .navbar-toggler::before,
    .navbar-toggler::after {width: 30px;height: 3px;-webkit-transition: all 0.2s;transition: all 0.2s;background-color: #000;}
    .navbar-toggler::before,
    .navbar-toggler::after{content: "";position: absolute;left: 0;}
    .navbar-toggler::before{top: 0;}
    .navbar-toggler::after{bottom: 0;}
    .navbar-toggler::before {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform-origin: 10% 10%;-ms-transform-origin: 10% 10%;transform-origin: 10% 10%;}
    .navbar-toggler .navbar-toggler-icon {opacity: 0;filter: alpha(opacity=0);}
    .navbar-toggler::after {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transform-origin: 10% 90%;-ms-transform-origin: 10% 90%;transform-origin: 10% 90%;}
    .navbar-toggler.collapsed::before {-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);}
    .navbar-toggler.collapsed .navbar-toggler-icon {opacity: 1;filter: alpha(opacity=100);}
    .navbar-toggler.collapsed::after {-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);}
    #searchform{left: 0;right: auto;}
    
    #nav_main ul.l2{top: 0;position: relative;border-left: none;margin-left: 15px;background-image: none;}
    #nav_main ul.l2 li a, #nav_main ul.l2 li strong{padding-top: 5px;padding-bottom: 5px;margin-bottom: 0;}
    #col2_content{display: none !important;}
}