/* MEDIA QUERIES
*********************************************/

/* Extra small devices (phones, less than 768px) */
/* No media query -> mobile first strategy */
img.noresponsive {
    max-width: 0;
}

@media (max-width: 468px) {
    .hidden-xxs, tr.hidden-xxs, th.hidden-xxs, td.hidden-xxs {display: none!important;}
    .col-xxs-12 {width: 100%}
    .pull-left,
    .pull-right,
    .articleContent img.pull-left,
    .articleContent img[style*="float: left"],
    .articleContent img[style*="float: right"] {float: none !important;clear: both;width: 100%;}

    #header .top img {margin: 25px 0 15px;}
    .color-box .more {background: none}
	
	#carousel > iframe {
		height: 300px;
	}
}


@media (max-width: 650px) {   
	#footer .box:first-child {
		width:93%;
	}
	
	#footer .box.last {
		width:93%;
		float:none !important;
		background:none;
	}
	
	#header .top ul li{
		border:0 !important;
	}
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 767px) {
    .pull-left-sm {float: left;}
    .pull-right-sm {float: right;}
    table.responsive td {width: 100%; display: block; clear: both;padding: 15px;}

    #header .top ul {width: 100%;  left: 10px;  margin: 0 0 30px;}
    #topmenu .navbar ul.navbar-nav > li {width: 100%}
    #topmenu .navbar ul.navbar-nav > li > a {padding-left: 25px}
    #topmenu .navbar ul.navbar-nav > li > ul {position: relative;top: 0;left: 0;width: 100%}
    #topmenu .navbar ul.navbar-nav .dropdown-menu .dropdown-menu {left: 15%;}
    #carousel-wrapper h2 {font-size: 40px;}
    #carousel-wrapper h3 {font-size: 15px;}
    #banner-wrapper h2 {font-size: 40px;}
    #banner-wrapper h3 {font-size: 15px;}
    #carousel-news .carousel-controlNav {display: none;}
    #footer .custom {margin-left: 0}
    #footer .box {width: 100%; padding-left: 0; margin-left: 0;}
    
    #header .top ul {
    	display: block !important;
		float: none !important;
		margin-bottom: -5px !important;
		margin-top: 28px !important;
		text-align: center;
    }
    
    #header .top ul li { 
    	float: none !important;
    }
    
    .logo {
    	text-align:center;
    }
    
    .logo img { 
    	float: none !important;
    	margin-bottom: 10px !important;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
    .pull-left-md {float: left;}
    .pull-right-md {float: right;}

    #header .lang .mod-languages {top: -10px;}
    #header .lang .mod-languages ul li a {color: #5E5E5E}
    #header .lang .mod-languages ul li:hover a,
    #header .lang .mod-languages ul li.lang-active a {color: #000}
    
    #bookmarks {
    	display:none;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {   }

