body{
    background-color: #E8FEF9;
}
/*** Fuentes ***/
@font-face {
    font-family: "OpenSans-Regular";
    src: url(../fonts/Open_Sans/OpenSans-Regular.ttf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OpenSans-Light";
    src: url(../fonts/Open_Sans/OpenSans-Light.ttf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OpenSans-Semibold";
    src: url(../fonts/Open_Sans/OpenSans-Semibold.ttf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OpenSans-Bold";
    src: url(../fonts/Open_Sans/OpenSans-Bold.ttf);
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "OpenSans-LightItalic";
    src: url(../fonts/Open_Sans/OpenSans-LightItalic.ttf);
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "OpenSans-Italic";
    src: url(../fonts/Open_Sans/OpenSans-Italic.ttf);
    font-weight: normal;
    font-style: normal;
}

.font-weight-100 {font-weight: 100;}
.font-weight-200 {font-weight: 200;}
.font-weight-300 {font-weight: 300;}
.font-weight-400 {font-weight: 400;}
.font-weight-500 {font-weight: 500;}
.font-weight-600 {font-weight: 600;}
.font-weight-700 {font-weight: 700;}
.font-weight-800 {font-weight: 800;}

.site-category {
    font-weight: 600;
    font-size: 1rem;
}
.site-subcategory {
    font-weight: 550;
    font-size: .9rem;
}
/*-------------------------------------------------------------------------------*/

#site-sidebar{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    padding: 65px 0 0;
    background-color: var(--bs-body-bg);
    overflow-y: auto;
    border-right: 1px solid var(--bs-border-color-translucent);
}

nav.show{
    display:block !important;
}
/*___________________________________________________________*/

.dropdown-toggle { outline: 0; }

.btn-toggle {
  padding: .25rem .5rem;
  font-weight: 600;
  color: var(--bs-emphasis-color);
  background-color: transparent;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(var(--bs-emphasis-color-rgb), .85);
  background-color: var(--bs-tertiary-bg);
}

.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
}

[data-bs-theme="dark"] .btn-toggle::before {
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(var(--bs-emphasis-color-rgb), .85);
}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

.btn-toggle-nav a {
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: var(--bs-tertiary-bg);
}

.scrollarea {
  overflow-y: auto;
}

/*-------------------------------------------------------------------------------*/

/*** Groups ***/
.huuii-content-sec-in{
    width: 90%;
    margin: 25px auto;
}
.wrapper-title-new-site{
    width: 100%;
    margin-bottom: 10px;
}
.title_sec_hu{
    overflow: hidden;
}
.wr-img-app{
    width: 70px;
    margin: 20px 0px;
}
.wr-img-app .img-app-sit{
    width: 100%;
}
.wr-tit-sit{
    width: 100%;
    height: 23px;
    margin: 2.5px 0px;
}
#menu-ho-sit{
    width: 100%;
    overflow: hidden;
}
#menu-ho-gro-pop{
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}
.li-sit{
    margin-right: 10px;
}
.wr-gro-ups{
    width: 100%;
    margin-top: 40px;
}
.wr-gr-up{
    margin-bottom: 60px;
}
.wr-gr-up-pop{
    margin: 50px 0px 40px 0px;
}
.wr-con-gro-ups{
    width: 100%;
    min-height: 30px;
    padding: 7px 10px;
    z-index: 2;
}
.wr-gro-cir{
    width: 80px;
    height: 80px;
    border: 7px solid #5526DB;
    top: -50%;
    left: -4px;
    border-radius: 40px;
    margin-top: -10px;
    overflow: hidden;
    z-index: 3;
}
.img-gr{
    width: 100%;
}
.wr_tx_ti_gr{
    width: 100%;
    height: 15px;
    overflow: hidden;
}
.tx_ti_gr{
    left: 80px;
}
.ic_ti_gr{
    right: 0px;
}
.wr-con-gro-inf{
    width: 100%;
    height: 100px;
    border: 1px solid black;
}
.title_sec_hu{
    overflow: hidden;
}
.wr-img-app{
    width: 70px;
    margin: 20px 0px;
}
.wr-img-app .img-app-cam{
    width: 100%;
}
.wr-img-app .img-app-poll{
    width: 100%;
}
.wr-si-tes{
    width: 100%;
    margin-top: 10px;
}
.wr-num-si-tes{
    width: 100%;
    min-height: 30px;
    padding: 7px 10px;
}
.wr-si-tes-gr{
    width: 100%;
    margin: 5px auto;
}
.wr-si-tes-gr-in{
    width: 99%;
    margin: 0 auto;
}
.li-alb-x{
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: block;
}
.wr-si-te{
    width: 32.2%;
    min-width: 100px;
    height: 180px;
    overflow: hidden;
    border-radius: 0px 0px 10px 10px;
    margin: 0 5px 5px 0;
    border: 1px solid black;
    border: 1px dotted #5289C0;
}
.wr-img-sit{
    max-width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    background: #0A5692;
}
.wr-img-siti{
    max-width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    background: #fff;
}
.wr-img-sit img{
    max-height: 100%;
}
.wr-img-siti img{
    max-height: 100%;
}
.ico-alb{
    width: 100%;
    height: 10%;
    margin-top: 20%;
}
.wr-txt-sit{
    width: 100%;
    height: 30%;
    text-align: center;
    padding: 5% 0%;
    background-color: #FFF;
}
.views-sit{
    bottom: 4px;
    right: 4px;
    font-size: 0.8em;
}
.gosth-alb{
    width: 100%;
    height: 100%;
}
.gosth-alb_d{
    width: 96%;
    height: 100%;
}
.gosth-alb_osc{
    background-color: rgba(0,0,0,0.4);
}
.wr_edi_{
    top: 3%;
    right: 3%;
}
.d_ialbS{
    font-size: 1.3em;
    color: #FFF;
    text-rendering: optimizelegibility;
    text-shadow: 0 0 3px rgba(0,0,0,.8);
}
.d_ialbS:hover{   
    color: #D42D13;    
    text-shadow: 0 0 0px rgba(0,0,0,0);
}
.le_al{
    color: #fff;
    text-shadow: 0.3px 0.3px 0px #000;
}
.edi_alb_:hover{
    color: #2F54A1;
}
.del_alb_:hover{
    color: #D42D13;
}
.edi_alb_{
    top: 2px;
    right: 2px;
    z-index: 90;
}
.del_alb_{
    top: 20px;
    right: 2px;
    z-index: 90;
}
/*** Views ***/
.v_i_ws{
    color: #A8A8A8;
    bottom: 5%;
    left: 5%;
}

/*** Pop up sites ***/
.wr-new-alb, .wr-new-site{
    width: 95%;
    margin: 10px auto;
}
.wr-form-alb{
    width: 100%;
    margin: 10px auto;
}
.wr-form-site{
    width: 100%;
    margin: 10px auto 5px auto;
}
.wr-form-alb-in{
    padding: 10px 0px 35px 0px;
}
.wrapper-destag-new-site{
    width: 100%;
    margin-bottom: 10px;
}
.wrapper-colors-site{
    width: 100%;
    margin-bottom: 10px;
}
.wrapper-box-colors{
    width: 260px;
    overflow: hidden;
}
.item-color{
    width: 61px;
    height: 61px;
    float: left;
    position: relative;
}
.radio-color{
    position: absolute;
    width: 15ppx;
    height: 15px;
    top: 50%;
    margin-top: -7.5px;
}
.box-color{
    position: absolute;
    width: 40px;
    height: 40px;
    left: 20px;
    top: 50%;
    text-align: center;
    font-family: OpenSans-Italic;
    padding-top: 10px;
    margin-top: -20px;
    border: 1px solid #E5E5E5;
}
.bk_co_01_st{
    background-color: #FFF;
    color: #000;
}
.bk_co_02_st{
    background-color: #000;
    color: #FFF;
}
.bk_co_03_st{
    background-color: #FFF;
    color: #2F54A1;
}
.bk_co_04_st{
    background-color: #2F54A1;
    color: #FFF;
}
.wrapper-layouts-site{
    width: 100%;
    overflow: hidden;
}
.box-layout{
    position: absolute;
    width: 80px;
    height: 70px;
    left: 20px;
    top: 50%;
    text-align: center;
    font-family: OpenSans-Italic;
    margin-top: -35px;
    border: 1px solid #E5E5E5;
}
.radio-layout{
    position: absolute;
    width: 15ppx;
    height: 15px;
    top: 50%;
    margin-top: -7.5px;
}
.item-layout{
    width: 100px;
    height: 90px;
    float: left;
    position: relative;
}
.img_layout{
    width: 100%;
}
.wr-form-sites-in{
    padding: 10px 0px 0px 0px;
}
.wrapper-img-new-site{
    width: 100%;
    margin-bottom: 10px;
}
.img-new-site{
    width: 100%;
}
.footer-pop-sites{
    width: 100%;
    height: 25px;
    margin-bottom: 0px;
}
.ide_alb_o_pos{
    position: absolute;
    width: 90%;
    height: 50%;
    top: 60%;
    left: 50%;
    margin-left: -45%; 
    margin-top: -25%;
}
.wr_che_ron{
    height: 100%;
    position: absolute;
}
.ch_lef{
    width: 30%;
    bottom: 0px;
    left: 0px;
}
.ch_rig{
    width: 70%;
    bottom: 0px;
    right: 0px;
}
.row_rig, .row_lef{
    position: fixed;
    top: 50%;
    margin-top: -16px;
}
.row_rig{
    right: 20%;
}
.row_lef{
    left: 20%;
}
.rw_{
    color: #a8a8a8;
    font-size: 2em;
    text-shadow: 0px 1px #A8A8A8,
    1px 0px #A8A8A8,
    0px -1px #A8A8A8,
    -1px 0px #A8A8A8;
}
.wr_che_ron:hover .rw_{
    color: #FFF;
    text-shadow: 0px 1px #000000,
    1px 0px #000000,
    0px -1px #000000,
    -1px 0px #000000;
}
/*** Albumes sites ***/
.album-item img {
    max-width: 100%;
    height: auto;
}

.wr-alb-ums{
    width: 100%;
}
.wr-num-alb-ums{
    width: 100%;
    min-height: 30px;
    padding: 7px 10px;
}
.wr-alb-ums-gr{
    width: 100%;
    margin: 5px auto;
}
.wr-alb-ums-gr-in{
    width: 99%;
    margin: 0 auto;
}
.li-alb-x{
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: block;
}
.wr-alb-um{
    width: 24%;
    min-width: 100px;
    height: 140px;
    overflow: hidden;
    margin: 0px 5px 5px 0px;
    border: 1px dotted #5289C0;
}
.wr-img-alb{
    max-width: 100%;
    height: 70%;
    text-align: center;
    overflow: hidden;
    background: #fff;
}
.wr-img-albi{
    max-width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    background: #fff;
}
.wr-img-alb img{    
    max-height: 100%;
}
.wr-img-albi img{
    max-height: 100%;
}
.ico-alb{
    width: 100%;
    height: 10%;
    margin-top: 20%;
}
.wr-txt-alb{
    width: 100%;
    height: 30%;
    text-align: center;
    padding: 5% 0%;
    background-color: #5289C0;
}
.gosth-alb{
    width: 100%;
    height: 100%;
}
.gosth-alb_d{
    width: 96%;
    height: 100%;
}
.gosth-alb_osc{
    background-color: rgba(0,0,0,0.4);
}
.le_al{
    color: #fff;
    text-shadow: 0.3px 0.3px 0px #000;
}
.edi_alb_:hover{
    color: #2F54A1;
}
.del_alb_:hover{
    color: #D42D13;
}
.edi_alb_{
    top: 2px;
    right: 2px;
    z-index: 90;
}
.del_alb_{
    top: 20px;
    right: 2px;
    z-index: 90;
}
.link_to_alb{
    bottom: 25px;
    left: 15px;
    text-decoration: none;
}
.link_to_alb:hover{
    text-decoration: underline;
}
.link_to_sit{
    text-decoration: none;
}
.link_to_sit:hover{
    text-decoration: underline;
}

/*** Save Or Cancel Banner ***/
.wr_save_or_cancel_img_banner{
    width: 230px;
    height: 30px;
    position: absolute;
    right: 30px;
    padding-top: 5px;
    bottom: 5%;
    display: none;
}
.btn_save_banner, .btn_cancel_banner{
    width: 110px;
    height: 25px;
    border-radius: 5px;
    border: 0px;
    font-family: OpenSans-Bold;
    margin-right: 5px;
    color: #FFF;
}
.btn_save_banner{
    background-color: #006B93;
}
.btn_cancel_banner{
    background-color: #F08319;
}
.wr_site_banner_in .icon_change_banner{
    background-color: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
}
.wr_site_banner_in .icon_change_banner:hover{
    background-color: #F1C93E;
}
.icon_change_banner:hover .text_change_banner{
    display: block;
}
.icon_camera_change{
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url("/wwwroot/img/album_icon.png");
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50% 50%;
    border-radius: 50%;
}
/*** Follow site ***/
.a_icon_follow_site{
    background-color: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
}
.a_icon_follow_site:hover{
    background-color: #006B93;
    color: #FFF;
}
.a_icon_follow_site:hover .text_follow_site{
    display: block;
}
.a_icon_follow_site{
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    font-size: 1.6em;
    color: #006B93;
}
/*** Unfollow site ***/
.a_icon_unfollow_site{
    background-color: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
}
.a_icon_unfollow_site:hover{
    background-color: #D42D13;
    color: #FFF;
}
.a_icon_unfollow_site:hover .text_unfollow_site{
    display: block;
}
.a_icon_unfollow_site{
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    font-size: 1.6em;
    color: #D42D13;
}
.icon_follow_site, .icon_unfollow_site{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
}
.link_album_site_{
    text-decoration: none;
}
.link_album_site_:hover{
    text-decoration: underline;
}
.wrapper_img_icon{
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: inline-block;
}
.text_change_banner{
    width: 120px;
    height: 25px;
    position: absolute;
    display: none;
    right: 100%;
    top: 50%;
    margin-top: -12.5px;
    padding: 6px 3px;   
    border-radius: 3px;
    font-size: 0.8em;
    color: #006B93;
    background-color: #F1C93E;
    font-family: OpenSans-Semibold;
}
.text_follow_site{
    width: 120px;
    height: 25px;
    position: absolute;
    display: none;
    right: 100%;
    top: 50%;
    margin-top: -12.5px;
    padding: 6px 9px;   
    border-radius: 3px;
    font-size: 0.5em;
    color: #FFF;
    background-color: #006B93;
    font-family: OpenSans-Semibold;
}
.text_unfollow_site{
    width: 120px;
    height: 25px;
    position: absolute;
    display: none;
    right: 100%;
    top: 50%;
    margin-top: -12.5px;
    padding: 6px 9px;   
    border-radius: 3px;
    font-size: 0.5em;
    color: #FFF;
    background-color: #D42D13;
    font-family: OpenSans-Semibold;
}
/*** Admin Sites ***/
.wrapper_packages_sites{
    width: 90%;
    height: 700px;
    margin: 0px auto;
}
.content_packages_sites{
    width: 100%;
}
.header_packages_sites{
    width: 100%;
    padding: 1% 1%;
    overflow: hidden;
}
.figure_packages_sites{
    max-width: 120px;
    float: left;
    display: inline-block;
}
.img_packages_sites{
    width: 100%;
}
.wrapper_fields_packges_sites{
    float: left;
    padding: 0px 20px;
    overflow: hidden;
}
.wrapper_box_find{
    padding-right: 10px;
    float: left;
}
.wrapper_title_package, .wrapper_text_field{
    margin-bottom: 10px;
    line-height: 120%;
}
.title_package{
    font-size: 1.8em;
}
.text_ss_{
    
}
.btn_subscription{
    padding: 4px 20px;
    background: #006B91;
    border: 0px;
    border-radius: 3px;
    color: #FFF;
}
.wrapper_find_sites{
    max-width: 600px;
    height: 100px;
    margin-bottom: 10px;
    overflow-y: auto;
    overflow-x: hidden;
}
.wrapper_radio_button{
    width: 100%;
    margin-bottom: 0px;   
}
/*** Packages Sites ***/
.section_packages_sites{
    width: 100%;
    padding: 0px 1%;
    overflow: hidden;
}
.wrapper_package{
    width: 19%;
    height: 400px;
    padding: 5px;
    margin-top: 0.5%;
    margin-right: 1%;
    border-radius: 3px;
    float: left;
    color: #FFF;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    background-color: #009ED8;
}
.radio_package{
    width: 15px;
    height: 15px;
}
.conent_package{
    width: 100%;
    margin-top: 20px;
    padding: 5px;
}
.wrapper_list_text{
    padding-bottom: 10px;
}

.site-page-video{
    text-align: center;
    max-width:100%;
    max-height:280px;
}

@media screen and (max-width:1200px){
    #wr-nav-huuii-sys{
	right: 1%;
    }
    #wr-hea-huuii-in{
	width: 100%;
    }
    #content-huuii{
	width: 100%;
    }
    .aside-fix-res{
	width: 200px;
	height: 650px;
	float: left;
    }
}
@media screen and (max-width: 1025px){
    #wr-hea-huuii-in{
	width: 100%;
    }
    #wr-huuii-profile{
	padding-right: 2%;
    }
    .aside-fix-res{
	display: none;
    }
    #beat-pub-in{
	display: none;
	float: none;
    }
}
@media screen and (max-width:960px){
    #beat-pub-in{
	display: none;
	float: none;
    }
    #huuii-content-sec{
	width: 620px;
	margin-left: 180px;
	float: left;
    }
}
@media screen and (max-width:900px){
    .crt_rig{
	right: 10%;
    }
    .crt_lef{
	left: 10%;
    }
}
@media screen and (max-width:890px){
    #huuii-content-sec{
	width: 600px;
    }
}
@media screen and (max-width:800px){
    #wr-img-logo{

    }
    #wr-img-logo-nl{
	width: 45px;
	overflow: hidden;
    }
    .me-huu-resp{
	display: block;
    }
    .me-huu-resp-inv{
	display: none;
    }
    .me-huu-resp-p{
	left: 50px;
    }
    /*** search huuii ***/
    #search-huuii{
	
    }
    /*** nav huuii ***/
    #wr-nav-huuii{
	width: 180px;
	height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	display: none;
	z-index: 4;
    }
    #huuii-content-sec{
	width: 100%;
	margin-left: 0%;
	float: none;
    }
    #box-text-huuii-beat{
	width:85%;
	margin: 10px auto;
    }
    .text-huuii-beat{
	width: 100%;
	height: 80px;
	margin: 0 auto;
	outline: none;
	border: 1px dotted #a8a8a8;
    }
    .beat{
	height: 100%;
	border: 1px solid transparent;
    }
    .time-line-beat{
	border: 1px dotted #a8a8a8;
    }
    .time-line{
	left: 10px;
	height: 103%;
	border: 3px solid #a8a8a8;
    }
    .circle-time-line{
	width: 26px;
	height: 26px;
	border: 5px solid #a8a8a8;
	top: 100px;
	left: -13px;
    }
    .marg{
	width: 10%;
	height: 100%;
    }
    .content-beat{
	width: 90%;
    }
    #notes-hu{
	padding: 0 2%;
    }
    .li-hu-not{
	width: 25%;
    }
    .crt_rig{
	right: 2%;
    }
    .crt_lef{
	left: 2%;
    }
    .wr-si-te{
	width: 32%;
	min-width: 100px;
	height: 180px;
	overflow: hidden;
	margin: 0px 5px 5px 0px;
	border: 1px dotted #5289C0;
    }
    /*** Sigle post ***/
    .sec_content_post_site{
	width: 100%;
    }
}
@media screen and (max-width: 600px){
    .wr_coments_{
	width: 88%;   
    }
    .wr-si-te{
	width: 48.2%;
	height: 200px;
    }
    .wr_header_pop_in{
	width: 100%;
    }
    .row_rig{
	right: 2%;
    }
    .row_lef{
	left: 2%;
    }
}
@media screen and (max-width: 540px){
    .wr_coments_{
	width: 88%;   
    }
}
@media screen and (max-width:460px){   
    #span-profile{
	top: 1.5px;
	right: 35px;
	display: none;
    }
    #notes-hu{
	width: 100%;
	padding: 0 0%;
    }
    .li-hu-not{
	width: 33.3%;
    }
    #wr-bann-img{
	max-height: 80px;
    }
    .wr-si-te{
	width: 48.2%;
	height: 180px;
    }
    .wr-img-alb{
	max-width: 100%;
	height: 70%;
	overflow: hidden;
    }

    /*** Coments ***/
    .wr_coments_{
	width: 83%;   
    }
}
@media screen and (max-width:360px){
    /*** Albumns ***/
    .wr-si-te{
	width: 48%;
	height: 130px;
    }
    .wr-img-sit{
	max-width: 100%;
	height: 70%;
	overflow: hidden;
    }
     /*** Coments ***/
    .wr_coments_{
	width: 80%;   
    }
}


@media (min-width: 801px) {
    .navbar-collapse-hu{
	display: none !important;
    }
}


@media (min-width: 768px){
    .site-page-video {
        max-width: 100%;
        max-height: 600px;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .navbar-collapse-hu{
	display: none !important;
    }
    .site-page-video {
        max-width: 100%;
        max-height: 600px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .navbar-collapse-hu{
	display: none !important;
    }
    .site-page-video {
        max-width: 100%;
        max-height: 480px;
    }
}

@media (min-width: 1400px){
    .site-page-video {
        max-width: 100%;
        max-height: 680px;
    }
}