.show-sm { display:none !important; }
@media only screen (max-width:1170px)
{
    .container { width: 100%; }
}

@media only screen and (min-width: 1024px) and (max-width:1170px)
{
    .container { width: 100%; }
    
    .btn-up-page { display: none; }
    
    .article-box {}
    
    .hidden-1024 { display: none; }
    
    .section-animation .animation-content { top:50px; }
    .section-animation img.picture {}
    
    .menu .navbar-horizontal .navbar-nav > li > a { padding: 15px 7px; font-size: 11px; }
    
    .box-logo a img { max-width: 137px; }
    .box-logo a { padding-left: 153px; }
    
    .article-box span.picture { width:40%; text-align: center; }
    .article-box span.content { left: 40%; width: 60%; }
    
    .article-button-all { margin-top: -0px;}
    
    .btn-left-start { padding-left: 15px; }
    
    .box-info .info-menu a { text-align: center; }
    .box-info .info-menu a img { height: 50px; max-width: none;}
	
	.my-video-dimensions{width: 100%;}
}

@media only screen and (min-width: 768px) and (max-width:1023px)
{
    .container { width: 100%; }
    
    .article-box {}
    
    .box-logo { position:static; width:100%; float: left; text-align: center; height: auto;  padding-top: 20px;}
    .box-logo a { text-align: left; padding-left: 120px; padding-top: 33px; }
    .box-logo a img { max-width: 100px; }
    
    .box-contact { display: none; }
    
    .show-sm { display:block !important; }
    .hide-sm { display:none !important; }
    
    .btn-up-page { display: none; }
    
    .section-animation img.picture { left: auto; right: 0; }
    .animation-content { display:none; }
    .article-start-title { float: left; width: 100%;text-align: left; }
    .article-button-all { font-size: 12px; float: left;}
    
    #google_translate_element { display:none; }
    .menu { position:static; height: auto; }
    .menu .navbar-horizontal .navbar-nav { display: table; float: none; margin: auto; }
    .menu .navbar-horizontal .navbar-nav > li:first-child { display: none; }
    .menu .navbar-horizontal .navbar-nav > li > a { padding: 15px 4px; font-size: 11px; }
    .menu .navbar-horizontal .navbar-nav .open:last-child .sub-menu { float: left; }
    .menu .navbar-horizontal .navbar-right .facebook i { font-size: 13px;}
    
    .article-box span.picture { width:40%; text-align: center; border-right:0px; position: absolute; left: 0; top: 0; height: 100%; background-color: #f4f4f4; }
    .article-box span.picture img { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
    .article-box span.content { left: 0; width: 60%; position: static; float: left; margin-left: 40%; padding-bottom: 60px; padding-left: 15px;}
    .article-box span.date { left: 40%; padding-left: 30px; }
    
    .box-logo a { font-size: 18px; }
    .box-words { font-size: 13px; }
    .box-contact span.text:last-child { display: none; }
    
    .search { width:100%; max-width: none; }
    .form-search { width:100%; }
    .form-search input { width: calc(100% - 35px); }
    .my-video-dimensions{width: 100%;}
    
}

@media only screen and (min-width: 480px) and (max-width:767px)
{
    .container { width: 100%; }
    .wrapper { width: 100%; margin: 130px auto;}
	
    .hide-xs { display:none; }
    
    .article .article-date { width: 100%; float: none; text-align: left; display: block; }
    .article .article-main-image { width: 50%; }
    .article .article-gallery-list .photo-item { width: 33.33333333%; }
    .article .article-text-content { float: none; width: 100%; }
    
    .article .article-main-image.format-2 { padding: 0 15px; }
    .article .article-main-image.format-3 { padding: 0 15px; }
    .article .article-main-image-page { padding: 0 15px 0 0; width: 40%; }
    
    .article-box {}
    
    .album .album-item { width: 50%; }
    
    .box-logo { position:static; width:100%; float: left; text-align: center; padding-bottom: 10px; height: auto;  padding-top: 20px;}
    .box-logo a { text-align: left; padding-left: 120px; padding-top: 33px; }
    .box-logo a img { max-width: 100px; }
    
    .btn-up-page { display: none; }
    
    .article-box span.picture { width:40%; text-align: center; }
    .article-box span.content { left: 0; width: 60%; position: static; float: left; padding-bottom: 40px;}
    .article-box span.date { left: 40%; padding-left: 30px; }
    
    .article-button-all { float: none; display: table; margin: auto; margin-top: 15px; }
    
    .box-left-start.bg-start-1 { text-align: center;margin-top: 30px; }
    .bg-start-2 { width:48%; height: 440px; margin-right: 2%; }
    .bg-start-3 { width:48%; margin-left: 2%; height: 440px; }
    
    .box-info .info-menu { width: 100%; text-align: center; }
    .box-info .info-menu a { display: inline-block;float: none; vertical-align: bottom; }
    
    .menu-bottom { display: none; }
    .my-video-dimensions{width: 100%;}
}

@media only screen and (min-width: 320px) and (max-width:479px)
{
    .container { width: 100%; }
    
    .article .article-date { width: 100%; float: none; text-align: left; display: block; }
    
    .form-content .form-recaptcha { float: none; display: table; margin: auto; width: auto; }
    .form-content .alert-bottom { text-align: center; }
    .form-content .submit-bottom { text-align: center; }
    
    .article .article-main-image.format-2 { padding: 0 15px; }
    .article .article-main-image.format-3 { padding: 0 15px; }
    .article .article-main-image-page { padding: 0 15px; }
    
    .article-start-title { text-align: center; }
    
    .article-box span.picture { width:100%; text-align: center; }
    .article-box span.content { position: static; left: 0; width: 100%; padding: 15px 15px 45px 15px; }
    .article-box span.data { left: 15px; }
    
    .article-box {}
    
    .btn-up-page { display: none; }
    
    .menu-bottom { display:none; }
    
    .box-logo { position:static; width:100%; float: left; text-align: center; margin-bottom: 15px;}
    .box-logo a { padding-left: 0px; height: auto; padding-top: 0px; margin-top: 15px; }
    .box-logo a img { position: static; margin-bottom: 15px; }
    .box-logo a span.title { display:block; }
    
    .contact-logo { width: 150px; height: auto; }
    
    .article-button-all a { margin-left: 0px; line-height: 1.5; }
    .article-button-mobile { display: block; width: 100%; float: left; text-align: center; }
    .article-button-hide { display: none; }
    
    .box-info { height: 350px; }
    .box-info-content { float: left; width: 100%; }
    .info { float: left; width: 100%; }
    .box-info .text { float: left; width: 100%; }
    .box-info .info-menu { bottom: -42px;width: 110%; text-align: center; margin-left: -5%; }
    .box-info .info-menu a { width: 80px;display: inline-block;float: none; vertical-align: top; margin: 0 5px; }
    .box-info .info-menu a img { height: 40px; max-width: none;}
    
    .box-counter { display: block; margin-left: 0px;}
	.my-video-dimensions{width: 100%;}
}

/*----------------------------------------------/
    [1] Menu - Navbar-horizontal or 1023 if 768 to 1023 slide menu
-----------------------------------------------*/
@media only screen and (max-width: 767px)
{
    .menu { position:static; height: auto; }
    .menu .navbar-horizontal .navbar-header { cursor: pointer; color: #fff; }
    .menu .navbar-horizontal .navbar-brand  { display: inline; color: #fff;}
    .menu .navbar-horizontal .navbar-toggle { border: 0px; margin: 7px 5px 7px 0; }
    .menu .navbar-horizontal .navbar-toggle:hover { background: none; }
    .menu .navbar-horizontal .navbar-toggle:focus { background: none; }
    .menu .navbar-horizontal .navbar-nav { margin: 0px; float: left; width: 100%; }
    .menu .navbar-horizontal .navbar-nav > li > a { padding: 10px 15px; }
    .menu .navbar-horizontal .dropdown { width: 100%; }
    .menu .navbar-horizontal .sub-menu { padding: 0 0 20px 0;}
    .menu .navbar-horizontal .sub-menu > li > a { padding: 10px 15px 10px 30px; }
    .menu .navbar-horizontal .navbar-nav .open .sub-menu > li > a { color: #fff; }
    .menu .navbar-horizontal .navbar-nav .open .sub-menu > li > a:hover {color: #ab9e6c;}
    .menu .navbar-horizontal .navbar-nav .open .sub-menu > li.active > a {color: #ab9e6c; background: none; }
    .menu .navbar-horizontal .navbar-nav .open .sub-menu > li.active > a:hover {color: #ab9e6c;}
    .menu .navbar-horizontal .navbar-right .facebook-text { display:inline; }
    .menu .navbar-horizontal .navbar-right .facebook i { font-size: 13px;}
    .dropdown-menu.multi-column { min-width: 240px !important; overflow-x: hidden; }
    
    .btn-up-page { display: none; }
    
    .search { width:100%; max-width: none;  }
    .form-search { width:100%; margin-bottom: 15px; max-width: none; }
    .form-search input { width: calc(100% - 35px); }
    
    .menu-category .menu-category-header { margin-bottom: 15px; }
    
    .box-left-start.bg-start-2 { }
    .mourning .box-left-start.bg-start-2 { }
    
    .section-page { padding-bottom: 40px; }
	.my-video-dimensions{width: 100%;}
}

/*----------------------------------------------/
    [2] INPUTS
-----------------------------------------------*/
@media only screen and (max-width: 1024px)
{
    input[type="checkbox"], input[type="radio"] { margin-top: 2px; }
}

/*----------------------------------------------/
    [3] Sidebar
-----------------------------------------------*/
@media only screen and (min-width: 320px) and (max-width:767px)
{
    header { height: auto !important; }
    
    .left-sidebar { width: 100%; margin-bottom: 30px; }
    .center-sidebar { width: 100%; }
    .right-sidebar { width: 100%; }
    .center-sidebar-mini { width: 100%; }
    .center-sidebar-micro { width: 100%; }
    
    .section-recommend h3 { margin-top: 45px; }
    
    .section-animation img.picture { display: none; }
    .animation-content { display:none; }
    
    .article-start-title { float: left; width: 100%; }
    
    .box-left-start.bg-start-0 { margin-top: 30px;}
    
    footer { height: auto; line-height: 1.5; padding: 15px 0; }
    
    .box-copyright { text-align: center}
    .box-powered { text-align: center; margin-top: 15px;}
     
    .box-contact { display:none; }
    
    .menu-bottom ul { display: block; width: 100%; float: left; margin-bottom: 15px;}
    .menu-bottom ul > li { width: 100%; }
    .menu-bottom ul > li > a { padding: 10px 0; }
    
    .box-counter { margin-left: 0px; }
}