@media screen and (max-width: 1024px) and (min-width: 992px)
{
}
@media (max-width: 990px)
{
    .navbar .desktop { display: none; }
    .logo { padding-left: 0px !important; }
    .navbar-dark .navbar-toggler {
      color: rgba(255, 255, 255, 1);
      border-color: transparent;
    }

    .list-iapmo-update .images {
        background-size: auto 100%;
    }

    .navbar-dark .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

    .top-float-button { width: calc((100% - 720px) / 2); }

    .navbar .fas { font-weight: 600 !important; }
    .navbar-header { float: none; width: 100%; background-color: #58585a; }
    .navbar-toggle { border: 1px solid #58585a; margin: 20px; }
    .navbar-toggle .icon-bar { background-color: #58585a; }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; }
    .navbar-toggle .icon-bar { width: 22px; transition: all 0.7s; }
    .navbar-toggle .top-bar { transform: translateX(3px) rotate(135deg); transform-origin: 40% 200%; }
    .navbar-toggle .mid-bar { opacity: 0; }
    .navbar-toggle .bot-bar { transform: translateX(3px) rotate(-135deg); transform-origin: 40% -80%; }
    .navbar-toggle.collapsed .top-bar { transform: rotate(0); }
    .navbar-toggle.collapsed .mid-bar { opacity: 1; }
    .navbar-toggle.collapsed .bot-bar { transform: rotate(0); }
    .nav-mobile { display: block; width: 100%; }
    #nav-mobile {
        display: block;
        width: 250px;
        position: fixed;
        top: 0;
        left: -250px;
        height: 100vh;
        z-index: 1120;
        display: block;
        color: #58585a;
        transition: all 0.3s;
        overflow-y: scroll;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
        background-color: #ffffff;
        font-family: 'Futura-Condensed-Bold';
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    #nav-mobile .header-sidebar { display: none; background-color:#58585a; padding: 10px 20px 20px 20px; }
    #nav-mobile .header-sidebar .back-button { float: left; font-size: 22px; padding-right: 15px; border-right: 1px solid #ffffff; margin-bottom: 10px; cursor: pointer; }
    #nav-mobile .header-sidebar h3 { padding: 5px 0px 0px 35px; }
    #nav-mobile .header-main-menu { background-color:#58585a; padding: 20px; }
    #nav-mobile .header-main-menu h3,
    #nav-mobile .header-sidebar h3 { color: #ffffff; font-family: 'gidoleregular'; font-size: 16px; margin:  0px; }
    #nav-mobile.active { left: 0; }
    #dismiss {
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        background: #58585a;
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    #dismiss:hover {
        background: #fff;
        color: #58585a;
    }

    .overlay {
        top: 0;
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.7);
        z-index: 1119;
        display: none;
    }

    #nav-mobile .plus { display: none; }
    #nav-mobile .submenu .plus { display: inline-block; }

    #nav-mobile ul.side-bar-menu { display: none; }
    #nav-mobile ul li div.plus { text-align: right; width: 10px; float: right; }
    #nav-mobile ul li { /* border-bottom: 1px solid #58585a; */ padding: 5px 0px; padding-right: 20px; }
    #nav-mobile ul li a { padding: 5px 20px; font-size: 1.1em; display: block; color: #58585a; text-decoration: none; }
    #nav-mobile ul li:hover,
    #nav-mobile ul li:hover a,
    /* #nav-mobile ul li:focus, */
    /* #nav-mobile ul li:focus a, */
    #nav-mobile ul li a:hover,
    #nav-mobile ul li:hover div.arrow a,
    #nav-mobile ul li div.arrow:hover a,
    /* #nav-mobile ul li a:focus, */
    #nav-mobile ul li.active,
    #nav-mobile ul li.active > a { color: #FFFFFF; background: #58585a; }

    #nav-mobile ul li div.menu { float: left; width: 80%; /* border-right: 1px solid #58585a; */ }
    #nav-mobile ul li:hover div.menu,
    #nav-mobile ul li div.menu:hover,
    #nav-mobile ul li div.menu a:hover { border-color: #FFFFFF; }
    #nav-mobile ul li div.arrow a { float: left; color: #58585a; text-align: center; font-size: 22px !important; width: 20%; padding: 0px; }
    #nav-mobile ul li.nav-divider { display: none; }
    #nav-mobile ul.sub-menu li { list-style: none; }

    #nav-mobile ul.sub-menu { padding: 0; margin: 0; }
    #nav-mobile ul.sub-menu li { background-color: #ffffff; padding: 0; font-family: 'Avenir Book'; letter-spacing: 0; text-transform: initial; }
    #nav-mobile ul.sub-menu li a { font-family: 'Avenir Book'; color: #58585a; padding-top: 10px; padding-bottom: 10px; }
    #nav-mobile ul.sub-menu li.active a { background-color: #cccccc; }
    #nav-mobile ul.sub-menu li:hover a { background-color: #cccccc; }

    #nav-mobile ul.sub-menu li ul.sub-menu, #nav-mobile ul.sub-menu li:hover ul.sub-menu li a { background-color: #ffffff; }
    #nav-mobile ul.sub-menu li ul.sub-menu a { padding-left: 35px; }
    #nav-mobile ul.sub-menu li ul.sub-menu li:hover a { background-color: #cccccc; }

    .nav-mobile .right-nav { padding: 0px 18px; }
    .nav-mobile .right-nav ul, .nav-mobile .right-nav ul li { padding: 0; margin: 0; list-style: none; }
    .nav-mobile .right-nav ul li { float: left; }
    .nav-mobile .right-nav ul li > div{ padding: 10px 5px; line-height: 18px; }
    .nav-mobile .right-nav ul li img { height: 18px; }
	
	.quickmenu a:hover { padding-bottom: 0px !important; }
    /*.nav-mobile .right-nav ul li div.quickmenu-mobile:focus,*/
    /*.nav-mobile .right-nav ul li div.quickmenu-mobile:hover,*/
    .nav-mobile .right-nav ul li div.quickmenu-mobile.active {
        background-color: #ffffff;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
    }
    .nav-mobile .right-nav ul li div.quickmenu-mobile a { color: #ffffff; font-size: 18px; }
    /*.nav-mobile .right-nav ul li div.quickmenu-mobile:focus a,*/
    /*.nav-mobile .right-nav ul li div.quickmenu-mobile:hover a,*/
    .nav-mobile .right-nav ul li div.quickmenu-mobile.active a { background-color: #ffffff; color: #2F3133; }
    .nav-mobile .right-nav ul li div.quickmenu-mobile ul { display: none; position: absolute; z-index: 1000; padding: 0; left: 0; margin-top: 5px; padding-right: 28px; width: 100%; }
    .nav-mobile .right-nav ul li div.quickmenu-mobile ul li { color: #2F3133; padding: 10px; background-color: #ffffff; width: 100%; }
    .nav-mobile .right-nav ul li div.quickmenu-mobile ul li a { color: #2F3133; padding: 5px; width: 100%; display: block; padding-left: 20px; }
    .nav-mobile .right-nav ul li div.quickmenu-mobile ul li a:hover { background-color: transparent; }
    .nav-mobile .right-nav ul li div.quickmenu-mobile ul li { padding: 10px 0; float: none; }

    .nav-mobile .right-nav ul li div.lang { font-size: 15px; }
    .nav-mobile .right-nav ul li div.lang ul { display: none; position: absolute; z-index: 1000; background-color: #ffffff; padding: 0 10px; margin-left: -10px; margin-top: 12px; }
    .nav-mobile .right-nav ul li div.lang ul li { padding: 10px 0; float: none; }
	
	.pcd-mobile { font-size: 15px; padding-top: 11px !important; }
	.pcd-mobile #pcd { color: #ffffff; font-family: 'Futura-Condensed-Bold';font-size: 1.1em; }
	.pcd-mobile > ul { display: none;position: absolute; z-index: 1000; padding: 0; padding-right: 0px; left: 0; margin-top: 5px; padding-right: 28px; width: 100%; background-color: #ffffff; margin-top: 10px !important; }
	.pcd-mobile > ul li { float: none !important; font-size: 18px !important; }
	.pcd-mobile > ul li a { color: #2F3133; display: block; padding: 10px 20px !important;}
	
    footer .copyright .desktop { display: none; }
    footer .copyright .mobile { display: block !important; }
}
@media (min-width: 770px)
{
	.nav-mobile .right-nav { display: none; }
}
@media (max-width: 769px)
{
    header { height: 85px !important; }
    .desktop { display: none !important; }
    .logo img { width: 120px; padding-left: 10px; }
    .top-button-mobile-container { display: block !important; position: absolute; right: 0; top: 0; }
    .top-button-mobile-container img, .business-unit-mobile .btn-business-mobile-open img { height: 35px; }
    .top-button-mobile-container .float-left { margin-left: 2px; margin-right: 5px; }
    .business-unit-mobile .btn-business-mobile-open img,
    .top-button-mobile-container .float-left > a { /* box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.4); */
        -webkit-filter: drop-shadow(3px 3px 3px #666666 );
        filter: drop-shadow(3px 3px 3px #666666);
    }
	
	header {
		position: fixed;
		z-index: 1110;
		background: #ffffff;
	}
	.navbar {
		position: fixed;
		z-index: 1110;
		width: 100%;
		top: 85px;
	}
	#slider { padding-top: 125px; }
	
	.container-content table { 
		max-width: 100%;
		overflow-x: auto;
		display: block;
		height: 100% !important;
	}
	/*
	.container-content table { display:block; width: 100% !important; height: auto !important; overflow-x: auto; }
	.container-content table tbody { display:block; width: 100% !important; height: auto !important; }
	.container-content table tr { margin-bottom: 20px; display:block; width: 100% !important; height: auto !important; }
	.container-content table th, .container-content table td {
		height: auto !important;
		padding: 10px;
		width: 100% !important;
		display: block;
		box-sizing: border-box;
		clear: both;
		word-wrap: break-word;
	}
	*/
	
	.carousel-indicators { margin-bottom: 0px; }
    .search-mobile #input { position: absolute; left: 10px; right: 10px; z-index: 1100; width: auto; top: 40px; }
    
    .business-unit-mobile {
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 1115;
        width: 100%;
        height: 100%;
    }
    .business-unit-mobile .row {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        background-color: #ffffff;
        /* width: 100%; */
        height: calc(100% - 35px);
        /* height: 0; */
        z-index: 1100;
        overflow-y: auto;
        overflow-x: hidden;
        box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.4);
    }
    .business-unit-mobile .col {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 30%;
        max-width: 30%;
        flex: 30%;
        margin-left: 10px;
    }
    .business-unit-mobile .col img { height: auto; width: 100%; }
    .business-unit-mobile .btn-business-mobile-open { text-align: center; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1101; padding-top: 35px; }

	#list-video ul li {
		float: none !important;
		width: 100% !important;
	}
	#sidetab-content > div.PositionRelative > ul { width:100% !important; }
	#sidetab-content > div.PositionRelative > ul > li.active {
		background-position: 95% 15px !important;
		padding-right: 10px !important;
	}
	#sidetab-content > div.PositionRelative > ul > li > ul { border-top: 1px solid #cccccc; }
	#sidetab-content > div.PositionRelative > ul > li > ul {
		padding-right: 0px !important;
		position: relative !important;
		width: 100% !important;
		overflow: hidden !important;
		height: auto !important;
        margin-top: 20px !important;
        padding: 0 !important;
	}
    footer .col-md-3 { padding-left: 15px; margin-bottom: 30px; }
    footer .copyright { text-align: left !important; padding-top: 40px !important; }
    footer .col-md-3.link { padding-left: 0px !important; }
	footer .link a { padding-left: 0px !important; }
	footer .row > div { margin-top: 10px; }
	footer .link strong { padding-left: 0px !important; }
	
	footer .copyright { padding-top: 0px !important; }
}

@media (max-width: 430px)
{
	.carousel-indicators { margin-bottom: -10px; }
}